I have a question regarding fancybox galleries. I used fancybox on a website am developing to display 3 galleries on one page. I have 3 pictures and i want when clicked on one to display a series of pictures connected to that picture. So every picture gives a different photo gallery. I succeeded to do so, but the only problem is that all the galleries are connected, so when u pres next in the gallery it doesnt stop, but it keeps going in circle showing all the pictures from all 3 galleries.
<li><a href="images/Baby_1.jpg" class="fancybox" rel="gallery" title="Mom & Baby, Baby Shampoo Bottle">
<img src="images/project_3.png" class="img_projects" alt="mom and baby shampoo"></a>
<a href="images/Baby_2.jpg" class="fancybox" rel="gallery" title="Mom & Baby, Baby Shampoo Bottle"></a>
<a href="images/Baby_3.jpg" class="fancybox" rel="gallery" title="Mom & Baby, Baby Shampoo Bottle"></a>
<a href="images/Baby_4.jpg" class="fancybox" rel="gallery" title="Mom & Baby, Baby Shampoo Bottle"></a>
<a href="images/Baby_5.jpg" class="fancybox" rel="gallery" title="Mom & Baby, Baby Shampoo Bottle"></a>
</li>
</ul>
</div>
Can somebody help me please how to display this galleries separately. So, when clicked, only the relevant pictures to show in the gallery, not all of them.