To display photos I use the ImageLightbox.js script.
Here are two galleries, the view that I would like to separate. At the moment, when you open for example the first photo of the first gallery and you start flipping, then instead of two photos you see photos from the next gallery.
<div class="gallery slider grab" data-autoplay="false" data-autoheight="true"> <figure> <a data-imagelightbox="f" href="img/optimized/image1.png"><img data-src="img/optimized/image1.png" alt="Text"></a> <a data-imagelightbox="f" href="img/optimized/image2.png"><img data-src="img/optimized/image2.png" alt="Text"></a> </figure> </div> <div class="gallery slider grab" data-autoplay="false" data-autoheight="true"> <figure> <a data-imagelightbox="f" href="img/optimized/image3.png"><img data-src="img/optimized/image3.png" alt="Text"></a> <a data-imagelightbox="f" href="img/optimized/image4.png"><img data-src="img/optimized/image4.png" alt="Text"></a> </figure> </div> How to separate gallery viewing from one another? Ie, that in a lightbox, after viewing the last photo of the first gallery, there was no transition to the first photo of the next gallery.
