У меня есть работающая лайтбокс (используя Glightbox), но мне интересно, есть ли более простой способ установить элементы (изображения в последовательности), чем просто перечислять их индивидуально - так как в конечном итоге у меня будет несколько элементов со многими изображениями в их галереях. < /p>
Это то, что у меня есть, что работает:
(Lightbox Oped By chicking on div.
< /code>
const myGallery = GLightbox({
elements: [],
});
myGallery.setElements([ {
'href': 'https://website.com/folder/1.jpg',
},
{
'href': 'https://website.com/folder/2.jpg',
},
{
'href': 'https://website.com/folder/3.jpg',
}]);
var galleryImg = document.querySelector('.glightbox');
galleryImg.addEventListener('click', function() {
myGallery.open();
});
< /code>
I saw something similar to the following on youtube tutorial, and I think it's headed in the right direction, but I just couldn't get it to work:
elements.forEach((idx) => {
elements.style.backgroundImage = `url(https://website.com/folder/${idx+1}.jpg)`
})
< /code>
I'm very (very) new to javascript, so please forgive me if this has a super simple solution that I've missed.
Подробнее здесь: https://stackoverflow.com/questions/796 ... -of-images
