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>

Fancybox3 多个链接到同一个画廊而不重复

Fancybox3 multiple links to same gallery without duplication

fancybox