Question

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

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

非常感谢任何帮助。并且在编码方面提前道歉。

这是一个jsfiddle，似乎只是在chrome中有点工作： imgcheckbox with lightgallery - 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时，您必须准备对象数组。

注意：请在使用前清理并改进示例代码或告知我们。

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

1 个答案: