最后一个图库图像上的fancybox禁用按钮

fancybox disable button on last gallery image

本文关键字：fancybox 按钮 图像 最后一个      更新时间：2023-09-26

我正在使用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">

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

上一个是.fancybox，下一个是.fancybox添加显示：无；当你到达最后一帧时，转到上面的类。

您可以通过索引进行跟踪

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

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

相关文章：