最后一個圖庫圖片上的fancybox禁用按鈕

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

您可以按索引跟蹤

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

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

Answer 2

當您到達最后一幀時，可以使用CSS隱藏上一幀和下一幀

.fancybox-prev，.fancybox-next添加display：none; 當您到達最后一幀時，進入上述課程。