jquery - Fancybox 导航箭头未显示

Question

我是 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

Answer 1

仅当图库中有一组元素时才会显示循环箭头和导航箭头，这意味着图库中的元素应具有相同的 rel 属性 check this post for examples

正如@Pasha Maigutyak 指出的below , 如果使用 fancybox v3+，需要设置 data-fancybox="some group/gallery name" 才能看到导航栏