Стрелки навигации Fancybox не отображаются

Я новичок в jquery. Все анимации вроде переходов и скорости работают нормально. Однако «showNavArrows» и «циклический» не работают. Вот код:

$(document).ready(function() {
    $("a#single_image").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'   :   600, 
        'speedOut'  :   200, 
        'overlayShow'   :   false,
        'cyclic'    :   true,
        'showNavArrows' :   true
    })
});

Вот доступные варианты: http://fancybox.net/api.


person rahul dagli    schedule 19.01.2012    source источник
comment
Откройте свой сайт в Firefox, нажмите CTRL+SHIFT+K, перезагрузите сайт и запустите штуковину fancybox. Сообщает ли он о каких-либо ошибках JavaScript?   -  person Anders Arpi    schedule 19.01.2012
comment
Я проверил, что в Firefox не отображается ошибка, а также не работает в Chrome !!   -  person rahul dagli    schedule 19.01.2012
comment
У вас есть спрайт png в правильной папке?   -  person Johan    schedule 19.01.2012
comment
Да, все значки находятся в одной папке под названием «fancybox». Однако после просмотра примера у меня возник еще один вопрос, нужно ли мне создавать группы. Вот пример исходного кода: $(a[rel=example_group]).fancybox({ 'transitionIn' : 'none', 'transitionOut' : 'none', 'titlePosition' : 'over', 'titleFormat' : function( title, currentArray, currentIndex, currentOpts) { return '‹span id=fancybox-title-over›Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '' ) + '‹/span›';} });   -  person rahul dagli    schedule 19.01.2012


Ответы (2)


Циклические и навигационные стрелки будут отображаться только в том случае, если у вас есть группа элементов в галерее, что означает, что элементы галереи должны иметь один и тот же атрибут rel посмотрите этот пост для примеров

person JFK    schedule 19.01.2012

Если вы используете fancybox3, попробуйте data-fancybox="images" вместо rel="images"

person Pasha Maigutyak    schedule 01.12.2017