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>