Image-picker by rvera - Как выбрать, какое изображение выбрано?

Question

Я использую сборщик изображений jQuery (http://rvera.github.io/image-picker/).

Мой вопрос: Как выбрать, какое изображение выбрано?

Например, я хочу автоматически выбрать второе изображение, как я могу это сделать?

А для случая с несколькими выборами?

<script> 
$(function() { 
    $("select").imagepicker(); 
}); 

<select class="image-picker show-html" data-limit="2" multiple="multiple"> 
    <option data-img-src="http://placekitten.com/220/200" value="1">Cute Kitten 1</option> 
    <option data-img-src="http://placekitten.com/180/200" value="2">Cute Kitten 2</option> 
    <option data-img-src="http://placekitten.com/130/200" value="3">Cute Kitten 3</option> 
</select> 

Answer 1

Из того, что я могу видеть в documentation, вы можете установить выбранный параметр/s непосредственно к select элемента, а затем синхронизировать изменения в просуществовавшего ImagePicker плагин, как в этом примере:

$(function() { 
    // initial configuration of the plugin 
    $("select").imagepicker(); 

    // somehow change the selected items directly on your select html element 
    $("select").val('2'); 

    // re-sync the plugin 
    $("select").data('picker').sync_picker_with_select(); 
}); 

Answer 2

Попытка завершить ответ ниже, и для тех, кто имея проблемы ее реализации:

Как вы можете видеть в documentation, если вы делаете некоторые тяжелые изменения в элементе «select», например, при добавлении или удалении параметров, вам нужно будет повторно инициализировать сборщик.

Таким образом, после повторной синхронизации плагин вам нужно reinitilize сборщика:

// re-sync the plugin 
$("select").data('picker').sync_picker_with_select(); 

// you need to reinitilize the picker 
$("select").imagepicker();