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>