延迟后关闭fancybox

时间:2011-10-10 20:32:10

标签: jquery fancybox lightbox delay

客户让我用几个视频更新他的静态网站。他希望他们“弹出”并在网站上播放。我喜欢fancybox,主要是因为我在jquery上 suck ,这使得添加灯箱变得如此简单。我马上安装了它,到目前为止一切都是100%完美。

但是他希望fancybox窗口在剪辑播放后自动关闭。由于只有少数几个视频而且它们非常简短,我只想为每个视频分配时间。我认为最长的是1分30秒,总共有5个视频。

我怎么能实现呢? fancybox网站上写着“在iframe中使用 - parent.$.fancybox.close();”,但我不知道如何通过jquery的延迟来完成这项工作。任何输入或想法都会很棒。

2 个答案:

答案 0 :(得分:5)

您可以使用Javascript的setTimeout功能。

这就是:

setTimeout('parent.$.fancybox.close();', <time_interval>);

答案 1 :(得分:0)

创建一个函数来关闭所有fancybox后加载并为该函数设置超时。

$(document).ready(function () {
closefancybox();
});

function closefancybox() {
    $.fancybox({
        afterLoad: function () {$.fancybox.close();}
    });
    setTimeout(function () { closefancybox(); }, <time_interval>);
}