Fancybox 2可以使用链接从幻灯片中导航

Question

我有一个画廊（rel =“gallery），我正在使用Fancybox 2在幻灯片之间导航。

我想知道如何使用自定义链接从每张幻灯片中导航幻灯片。

slide.html

<article class="slide">
    <nav>
      <a href="#slide0" class="prev">PREVIOUS</a> | <a href="slide1" class="next">NEXT</a>
    </nav>
    <img src="image.jpg">
</article>

JS

$slide.find('.next').fancybox.next();
$slide.find('.prev').fancybox.prev();

Answer 1

试试这个：

$(".fancybox-next").click(); // for next button
$(".fancybox-prev").click(); // for prev button

所以如果你有自己的按钮，你会这样做：

$(".next").click(function(){
  $(".fancybox-next").click(); 
})

然后你可以隐藏原生的下一个＆amp;上一页按钮$(".fancybox-next").hide();