jquery - Fancybox group images without duplicates -
how group multiple images without duplicates using fancybox? have tried using rel="group" although either displays list of recent images.
i have following html:
<ul> <li> <a rel="group1" class="fancy" title="custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg"> <img alt="" src="http://farm3.static.flickr.com/2641/4163443812_df0b200930_m.jpg"> </a> <h2><a rel="group1" class="fancy" title="custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg">test title image</a></h2> </li> <li> <a rel="group2" class="fancy" title="custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg"> <img alt="" src="http://farm3.static.flickr.com/2641/4163443812_df0b200930_m.jpg"> </a> <h2><a rel="group2" class="fancy" title="custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg">test title image</a></h2> </li> <li> <a rel="group3" class="fancy" title="custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg"> <img alt="" src="http://farm3.static.flickr.com/2641/4163443812_df0b200930_m.jpg"> </a> <h2><a rel="group3" class="fancy" title="custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg">test title image</a></h2> </li> <li> <a rel="group4" class="fancy" title="custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg"> <img alt="" src="http://farm3.static.flickr.com/2641/4163443812_df0b200930_m.jpg"> </a> <h2><a rel="group4" class="fancy" title="custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg">test title image</a></h2> </li> </ul>
you trigger click event of "fancy" link, - http://jsfiddle.net/k44hr/
(adjust jquery selectors if needed)
Comments
Post a Comment