延迟后关闭 fancybox

发布于 2024-12-09 03:26:12 字数 341 浏览 0 评论 0原文

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

但他希望 fancybox 窗口在播放剪辑后自动关闭。由于视频只有几个而且很短,所以我打算为每个视频分配时间。我认为最长的是1分30秒,一共5个视频。

我该如何实现呢? fancybox 网站说“在 iframe 中使用 - parent.$.fancybox.close();”,但我不知道如何解决 jquery 中的延迟问题。任何意见或想法都会很棒。

A client has me updating his static site with a few videos. He wants them to "pop up" and play on the site. I love fancybox mostly because I suck at jquery and it makes adding lightboxes so simple. I immediately installed that and so far everything is 100% perfect.

But he wants the fancybox window to close automatically after the clip is played. Since there are only a few videos and they are really short, I was going to just assign the time for each one. I think the longest is 1 min 30 sec and 5 videos in all.

How could I implement that? The fancybox site says "Within an iframe use - parent.$.fancybox.close();", but I have no idea how to make that work off of a delay in jquery. Any input or ideas would be awesome.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

奶气 2024-12-16 03:26:12

您可以利用 Javascript 的 setTimeout 功能。

所以大致如下:

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

You could make use of Javascript's setTimeout functionality.

So something along the lines of:

setTimeout('parent.$.fancybox.close();', <time_interval>);
像你 2024-12-16 03:26:12

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

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

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

create a function to close all fancybox afterload and set timeout for that function.

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

function closefancybox() {
    $.fancybox({
        afterLoad: function () {$.fancybox.close();}
    });
    setTimeout(function () { closefancybox(); }, <time_interval>);
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文