кнопка отключения 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 add display: none;вышеупомянутых классов, когда вы достигнете последнего кадра.