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

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

来源

2012-01-30 need2nobasis

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

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

来源

2012-01-30 04:41:32

我加.fancybox.iframe跟踪{.fancybox-分组，.fancybox-下一显示：无;}并没有奏效。难道我做错了什么？ – need2nobasis 2012-01-30 05:06:17

语法是错误的，你是否添加它，你需要通过JavaScript来做到这一点，当你到达最后一帧时添加一个条件添加此样式display：none;到.fancybox-prev和.fancybox-next – 2012-01-31 12:49:47

您可以通过索引

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

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

来源

2017-01-12 06:54:49 Dimitry

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

回答

相关问题