页面加载时加载放大弹出窗口

Load magnific popup on page load

本文关键字:加载 窗口 放大      更新时间:2023-09-26

我正在开发一个网站,当有人打开带有放大弹出窗口的页面(延迟5秒)时,该网站会显示youtube视频。

这是有效的代码(感谢@Yoink!)

 setTimeout(function(){
  $.magnificPopup.open({
      items: {
          src: 'http://www.youtube.com/watch?v=0O2aH4XLbto'
      },
      type: 'iframe'
  });
}, 5000)

它正在工作,您正在将放大镜弹出窗口绑定到类。如果您将div更改为锚链接,它就会打开。

如果您希望弹出窗口显示在窗口加载中,请使用以下方法:

$.magnificPopup.open({
    items: {
        src: 'http://www.youtube.com/watch?v=0O2aH4XLbto'
    },
    type: 'iframe'
});

对于延迟,我在文档中看不到任何内容,我可能错过了,但您可以执行以下操作。

 setTimeout(function(){
      $.magnificPopup.open({
          items: {
              src: 'http://www.youtube.com/watch?v=0O2aH4XLbto'
          },
          type: 'iframe'
      });
 }, 5000);