如何将动态图像加载到幻灯片中

Question

我想创建一个页面，用户可以在其中选择将在幻灯片中显示的图像。我正在尝试使用 imgchecked.js 并希望使用 lightgallery.js。

如何将图像数组传递到 dynamicEL？有没有办法使用 class imgchecked 加载图像？

非常感谢任何帮助。并提前为编码新手道歉。

这是一个在 chrome 中似乎只能稍微工作的 jsfiddle：带 lightgallery 的 imgcheckbox - https://jsfiddle.net/ssab/cydgs40n/13/ 谢谢

<div class="slides">
   <ul>
       <li><img src="001.jpg" /></li>
       <li><img src="002.jpg" /></li>
       <li><img src="003.jpg" /></li>
       <li><img src="004.jpg" /></li>
   </ul>
   <button id="dynamic">Launch Gallery</button>
</div>

和 JS：

$(".slides img").imgCheckbox();

$('#dynamic').on('click', function() {
   $(this).lightGallery({
       dynamic: true,
       dynamicEl: [{ }]
   });
});

Answer 1

我无法很好地格式化代码，但您可以在此处找到解决方案 http://codepen.io/anon/pen/NbGzPM?editors=1111

想法是每次单击动态按钮时都必须准备对象数组并将该数组传递给 dynamicEL。

注意：请在使用前清理和改进示例代码，或者让我知道。

如何将动态图像加载到幻灯片中

how to load dynamic images into a slideshow

javascript

checkbox

jquery

dynamic

slideshow