How to separate the gallery from one another, using ImageLightbox.js?

To display photos using a script ImageLightbox.js.
Here's two galleries, which I would like to separate. At the moment when you open for example the first photo and begin flipping, instead of the two photos you see the 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 the gallery from one another? Ie, to the lightbox, after viewing the latest pictures of the first gallery, fiction navigate to the first photo and the following gallery.
March 12th 20 at 08:00
1 answer
March 12th 20 at 08:02
Thank you, the community of Toaster that very quickly answer your questions. Will all my friends and friends to advise this great site. Here so fast meet the newcomers, I don't even have time to write the question like the answer comes from the community.
Damn, you at least something would be written.

Find more questions by tags Lightbox