modifications for touchTouch img gallery
Hi,
I would like the thumbnails on the main page to act as category cover images that then lead into the lightbox overlay.
The lightbox overlay would have many images pertaining to that category only. Once it gets to the last slide, it would fade out back to main screen.
I do not know what modifications I should make to touchTouch. There was a github fix for multiple galleries, I cannot get to work. Also, again, I do not want the other images displayed as thumbnails. They need to be hidden away in the category. I will then set up multiple categories on main screen.
<article>
<div class="thumb-pad9" data-gallery="identity">
<div class="thumbnail maxheight">
<figure><a href="img/logos/logo1.jpg" data-gallery="identity" data-footer="I wish I could get a caption to display"><img src="img/logos/logo1-thumbnail.jpg" alt="Logo"></a></figure>
<figure><a href="img/logos/logo2.jpg" title="Logo #2" data-gallery="identity"></a></figure>
<div class="caption">
<a href="#">Logos are within this category!</a>
</div><!--caption closing-->
</div><!--thumbnail maxheight closing-->
</div></article>
This structure might give a general idea. What functions change in the jQuery to support the data-gallery?
Any direction appreciated. Will try anything. Thank you!