Image-picker by rvera - 如何选择被选中的图片？

Question

我使用插件 jquery 图像选择器 (http://rvera.github.io/image-picker/)。

我的问题是：如何选择 selected 的图片？

例如我想自动 select 第二张图片，我该怎么做？

对于具有多个 selection 的情况？

<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 中看到的，您可以将选定的 option/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' 元素进行了一些重大更改，例如添加或删除选项，您将需要重新初始化选择器。

所以在重新同步插件后你需要重新初始化选择器：

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

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

Image-picker by rvera - 如何选择被选中的图片？

Image-picker by rvera - How to choose which picture is selected?

jquery

plugins

picker