Fancybox3多个链接到相同的画廊没有重复

Question

我有一个图像库和一堆链接到它。但是图像是重复的。

代码示例：在画廊

<a data-fancybox="group" href="foto-1.jpg" ><img src="thumb1.jpg" /></a> 
<a data-fancybox="group" href="foto-2.jpg" ></a> 
<a data-fancybox="group" href="foto-3.jpg" ></a> 

<a data-fancybox="group" href="foto-1.jpg" >Show More Images</a> 

这导致图像重复。

如何在Fancybox3中创建一个不重复的同一个对象的多重链接？

Answer 1

你可以，例如，更换

<a data-fancybox="group" href="foto-1.jpg" >Show More Images</a>

像这样的东西：

<a id="more" href="foto-1.jpg" >Show More Images</a> 

<script> 
    $("#more").on('click', function() { 
     $('[data-fancybox="group"]').eq(0).trigger('click'); 

     return false; 
    }); 
</script>