jquery Fancybox导航箭头未显示

jvlzgdj9  于 2023-01-01  发布在  jQuery
关注(0)|答案(2)|浏览(131)

我是jquery的新手。所有的动画,比如转换和速度都很好用。但是,“showNavArrows”和“cyclic”不起作用。下面是代码:

$(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

qco9c6ql

qco9c6ql1#

仅当图库中有一组元素时,才会显示循环箭头和导航箭头,这意味着图库中的元素应具有相同的rel属性check this post for examples
正如@Pasha Maigutyak指出的below,如果使用fancybox v3+,需要设置data-fancybox="some group/gallery name"才能看到导航栏

sirbozc5

sirbozc52#

如果您使用fancybox3,请尝试data-fancybox="images"而不是rel="images"

相关问题