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

Question

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

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

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

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

Answer 1

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

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

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