Fancybox版本3图像自动播放

时间:2017-04-25 05:48:05

标签: fancybox

这是我的网站http://www.noor-azmi.com/element/projects.html

我想要的是当点击缩略图时它会打开fancybox,我希望图片幻灯片显示自动播放,而不需要点击左右按钮。

我尝试在css中插入以下代码,但似乎无法正常工作

$(".fancybox").fancybox({
autoPlay : true, //  slideshow will start after opening the first gallery item
playSpeed : 3000 // 3sec pause between changing next item
});

仅供参考,这是fancybox的最新版本,并提供有关如何更改幻灯片速度的建议。

非常感谢你们

2 个答案:

答案 0 :(得分:1)

似乎这在v2,v3和v3.1之间已经发生了很大变化 - 希望这会有所帮助。根据需要更改您的选择器。

//Worked for me in v3.0.47
$('[data-fancybox="group1"],[data-fancybox="group2"]').fancybox({
    onActivate : function($instance) {
        setTimeout(function() {
            $instance.SlideShow.start();    
        },500);     
    }
});

//Worked for me in v3.1.19      
$('[data-fancybox="group1"],[data-fancybox="group2"]').fancybox({
    slideShow : {
        autoStart : true
    }
});

答案 1 :(得分:0)

您正在尝试使用v2中的选项,但它们在v3中不存在。幻灯片的自动启动将在v3.1中提供