jquery - fancybox 2 画廊与 nextClick - 单击最终图像将其关闭

Question

我正在尝试 fancybox 2，并且删除了 arrows、closebutton 和 loop，并启用了 下一步点击。我想要 super 干净且易于使用。

我现在遇到的问题是，我单击图库，但是当我单击最后一张幻灯片时，我希望它关闭，但它没有关闭 - 单击图像不会执行任何操作。

我的猜测是答案是通过类添加一个自关闭操作，如下所示:

<a class="gallery1 closeaction" href=...

但我真的不知道。我认为这种东西会出现在演示中，但我找不到类似的东西。

帮忙？

Answer 1

使用 beforeShow 回调的这段代码应该可以解决问题:

$(document).ready(function() {
    $(".fancybox").fancybox({
        arrows: false,
        closeBtn: false,
        loop: false,
        nextClick: true,
        beforeShow: function() {
            var groupLength = this.group.length;
            var thisIndex = this.index + 2; // index starts at "0"
            $(".fancybox-image").on("click", function() {
                if (thisIndex > groupLength) {
                    $.fancybox.close();
                } else {
                    thisIndex++;
                }
            });
        }
    }); // fancybox
}); // ready

参见DEMO