Question

我正在使用fancybox来显示图片库。但我想在最后一张幻灯片上放置一个互动拼图。这个谜题有效，但是当我尝试在右侧或左侧选择一些拼图时，导航按钮出现并与拼图重叠，导致我要么转到上一张幻灯片，要么将我循环回到开头。

问题是：在进入最后一张幻灯片之前，如何才能拥有带导航按钮功能的图库？我想仅在最后一张幻灯片上禁用右/左箭头及其功能这甚至可能吗？

        $(document).ready(function() {

    $(".grouped").fancybox({

        openEffect              : 'none',
        closeEffect             : 'none',
        prevEffect              : 'none',
        nextEffect              : 'none',
        closeBtn                : false,

        helpers : {
            title : {
                type : 'inside'
            }
        }
        });

});

我的画廊课程是

<a class="grouped" data-fancybox-group="button" href="../theme/images/questions_screen.jpg">

并且拼图的类是

<a class="grouped fancybox.iframe" data-fancybox-group="button" href="../theme/hidden_game/games">

Answer 1

当你到达最后一帧时，你可以用css隐藏上一个和下一个

.fancybox-prev，.fancybox-next add display：none;当你到达最后一帧时到上面的课程。

Answer 2

您可以按索引追踪

$('.fancy-el').fancybox({
      afterLoad: function(current) {
           if (current.index === current.group.length - 1) {
               current.arrows = false;
           }
      }
 });

http://jsfiddle.net/x03xqu7t/3/

上一个图库图片上的fancybox禁用按钮

2 个答案: