Как мне закончить цикл до начала в Fancybox 2

Question

Я собираю сайт, который включает лайтбокс (fancybox 2). Работает отлично. Одно изменение, которое я сделал для клиента, было в CSS, так что предыдущая и следующая стрелки будут "видны" все время, а не только при наведении курсора на рамку. Казалось, чтобы сделать его более интуитивным.

Теперь меня интересует, КАК я могу изменить это так, чтобы, когда один ОТКРЫВАЕТ коробку с фантазиями, будет стрелка СЛЕДУЮЩАЯ, пока не откроются вторые (и последующие) картинки - И будет ТОЛЬКО ПРЕДЫДУЩАЯ стрелка, когда доберетесь до конца? Другими словами, как сделать так, чтобы он не возвращался к первой картинке? Я вошел в файл js и изменил цикл на "false", но это, похоже, не сработало.

Кто-нибудь здесь знаком с тем, как это сделать?

Вот ссылка на сайт. Если вы нажмете на четвертую миниатюру и кликните по картинкам, вы поймете, что я имею в виду. Я бы хотел, чтобы он был однонаправленным, а не круговым или "зацикливался" назад к первому.

http://www.watercolorsplus.com/New/landscapes.html

Любая помощь приветствуется!

Дейв

Answer 1

Этот CSS делает стрелки постоянно видимыми

.fancybox-nav span {
  visibility: visible;
}

... и настройка loop в false в ваших опциях API, таких как

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        // API options
        loop : false
    }); // fancybox
}); // ready

... сделает fancybox, чтобы показать только next стрелка в то время как в первом пункте галереи и только prev стрелка пока в последнем.

Смотрите JSFIDDLE

Обратите внимание, что вам не нужно изменять исходные файлы fancybox js или css, но вносите эти изменения в свои собственные файлы сценариев /css (и размещайте их после загрузки файлов fancybox)