对于fancybox,我该如何自动开始幻灯片放映?

时间:2012-02-11 09:20:47

标签: jquery fancybox

似乎没有这样的选项,我还没想出如何为此目的修改源代码。有谁可以帮助我?

4 个答案:

答案 0 :(得分:5)

如果使用v2,那么 -

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

答案 1 :(得分:2)

我想在页面加载时自动显示图库。我找到了解决方案,它就像这样简单:

$.fancybox.open($("[rel='your_rel']").get(), options);

这假设您将库中项目的rel属性设置为“your_rel”。

答案 2 :(得分:1)

如果您使用的是V2之前的版本。

假设您已经知道如何使用rel属性制作图库,并且您的图片现在具有可点击的下一个和上一个按钮:

只需在下一个箭头#fancybox-right:

的ID上添加一个自动点击事件
<script>
setInterval(function() {
    $('#fancybox-right').trigger('click');
}, 7000);
</script>

你也可以使用setTimeout,它只需点击一次而不是连续点击。 现在,如果有人知道如何在div #fancybox-content的悬停时停止这个setInterval,那就太棒了。

答案 3 :(得分:0)

如果您使用FancyBox 3:

$("[data-fancybox]").fancybox({
        afterLoad: function() {

            if (!$('.fancybox-button--play').hasClass("fancybox-button--pause")) {
                $('.fancybox-button--play').trigger('click');
            }
        }
    });