Fire multiple times for containers with same class on page
-
Hi, plugin works great, thanks so much.
I’m having one issue, I need it to work multiple times on a single page, as I have multiple galleries.
It works for the first instance but not the second, they are dynamically created and use the same classes which I entered into wrapper 1.
Is there a way to get it to fire multiple times for containers with the same classes on the one page?
output is like the below
<div class="row image-gallery"> <div class="col-lg-2 col-md-3 col-4 col-gallery" style="display: block;"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_0082.jpg"> <img class="thumb-gallery" src="IMG_0082-300x300.jpg" alt=""> </a> </div> </div> <div class="col-lg-2 col-md-3 col-4 col-gallery" style="display: block;"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_0785.jpg"> <img class="thumb-gallery" src="IMG_0785-300x300.jpg" alt=""> </a> </div> </div> <div class="col-lg-2 col-md-3 col-4 col-gallery" style="display: block;"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_0020.jpg"> <img class="thumb-gallery" src="IMG_0020-300x300.jpg" alt=""> </a> </div> </div> <div class="col-lg-2 col-md-3 col-4 col-gallery"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_1260.jpg"> <img class="thumb-gallery" src="IMG_1260-300x300.jpg" alt=""> </a> </div> </div> <div class="col-lg-2 col-md-3 col-4 col-gallery"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_1259.jpg"> <img class="thumb-gallery" src="IMG_1259-300x300.jpg" alt=""> </a> </div> </div> <div class="col text-center loader"> <a href="#" class="btn loadMoreBtn" id="loadMore">Load More</a></div> </div> </div> <div class="row image-gallery"> <div class="col-lg-2 col-md-3 col-4 col-gallery"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_1236.jpg"> <img class="thumb-gallery" src="IMG_1236-300x300.jpg" alt=""> </a> </div> </div> <div class="col-lg-2 col-md-3 col-4 col-gallery"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_1237.jpg"> <img class="thumb-gallery" src="IMG_1237-300x300.jpg" alt=""> </a> </div> </div> <div class="col-lg-2 col-md-3 col-4 col-gallery"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_1238.jpg"> <img class="thumb-gallery" src="IMG_1238-300x300.jpg" alt=""> </a> </div> </div> <div class="col-lg-2 col-md-3 col-4 col-gallery"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_1239.jpg"> <img class="thumb-gallery" src="IMG_1239-300x300.jpg" alt=""> </a> </div> </div> <div class="col-lg-2 col-md-3 col-4 col-gallery"> <div class="bg-gallery"> <a data-rel="lightbox" href="IMG_1240.jpg"> <img class="thumb-gallery" src="IMG_1240-300x300.jpg" alt=""> </a> </div> </div> <div class="col text-center loader"> <a href="#" class="btn loadMoreBtn" id="loadMore">Load More</a></div> </div> </div>
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Fire multiple times for containers with same class on page’ is closed to new replies.