jquery - Fancybox 2 是否可以使用链接从幻灯片中导航

Question

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

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

幻灯片.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(); 
})

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