загрузка динамических изображений в слайд-шоу

Я хочу создать страницу, где пользователь может выбрать изображения, которые будут показаны в слайд-шоу. Я пытаюсь использовать imgchecked.js и хотел бы использовать lightgallery.js.

Как передать массив изображений в dynamicEL?
Есть ли способ загрузить изображения с помощью класса imgchecked?

Любая помощь очень ценится. И заранее извиняюсь за то, что я новичок в кодировании.

Вот jsfiddle, который только кажется немного работает в chrome:
imgcheckbox с 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: [{ }]
   });
});

1 ответ

  1. Я не мог сделать форматирование кода хорошо, но вы можете найти свое решение здесь
    http://codepen.io/anon/pen/NbGzPM?editors=1111

    Идея заключается в том, что вы должны подготовить массив объектов каждый раз, когда динамическая кнопка нажата и передать этот массив dynamicEL.

    Примечание: пожалуйста очистите и улучшите код образца перед использованием или дайте мне знать.