Сменить кнопки на кнопке кнопки fancybox, если одно изображение

Question

Редактировать: Вот jsfiddle. Я пытаюсь получить второе изображение (птица), чтобы показывать Toggle и Close на кнопке helper, так как у него есть только одно изображение в галерее.

Я пытаюсь удалить кнопки Prev, Play и Forward на кнопке helper, если есть только одно изображение.

$(document).ready(function() { 
    $('.fancybox-buttons').fancybox({ 
     helpers: { 
      buttons: { 
       if (this.group.length == 1) { 
        tpl: '<div id="fancybox-buttons"><ul style="width:74px"><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>', 
       } else { 
        tpl: '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous"></a></li><li><a class="btnPlay" title="Start slideshow"></a></li><li><a class="btnNext" title="Next"></a></li><li><a class="btnToggle" title="Toggle size"></a></li><li><a class="btnClose" title="Close"></a></li></ul></div>', 
       } 
      }, 
     }, 
    }); 
}); 

Очевидно, я понятия не имею, что я делаю. Это дает мне «SyntaxError: отсутствующий формальный параметр» в строке «if (this.group.length == 1)». У кого-нибудь есть предложения?

Answer 1

Синтаксическая ошибка вызвана условным утверждением if ... else, они не могут существовать внутри объекта таким образом.

Вы могли бы попробовать что-то вроде этого, хотя:

$(document).ready(function() { 
    var fancyTpl = $('.fancybox-buttons').length === 1 
     ? '<div id="fancybox-buttons"><ul style="width:74px"><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>' 
     : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous"></a></li><li><a class="btnPlay" title="Start slideshow"></a></li><li><a class="btnNext" title="Next"></a></li><li><a class="btnToggle" title="Toggle size"></a></li><li><a class="btnClose" title="Close"></a></li></ul></div>'; 

    $('.fancybox-buttons').fancybox({ 
     helpers: { 
      buttons: { 
       tpl: fancyTpl 
      }, 
     }, 
    }); 
}); 

---

Это не проверяется, однако кнопки могут быть отключены автоматически для 1 изображения, если добавить дополнительный loop аргумент установлен в ложь, как:

$('.fancybox-buttons').fancybox({ 
    loop: false, 
}); 

Reference to fancyBox options

Answer 2

Если бы я мог видеть весь документ, возможно, я могу помочь вам больше. Но, возможно, проблема в .length. try .length() или .length() < = 1 или комбинации :)