自动打开fancybox5 iframe，无需点击页面加载

Question

如何在不点击的情况下打开fancybox5，我的点击基本代码是：

Fancybox.bind("[data-fancybox=\'iframe3\']", {
    defaultType:"iframe",
    on: {
        "destroy": (fancybox, eventName) => {
                window.location.reload();
        },
    },
});

和链接：

<a data-fancybox="iframe3" data-preload="false" href="https://google.com"></a>

Answer 1

以下是在页面加载时启动 Fancybox 的几种方法。

#1 从之前使用过的选择器开始

Fancybox.fromSelector('[data-fancybox="iframe3"]');

https://jsfiddle.net/jqwx9pfm/
https://fancyapps.com/fancybox/getting-started/#launch-by-specifying-a-selector-or-elements

#2 开始使用

Fancybox.show()

API 方法

Fancybox.show([{
  src : "https://google.com",
  type: "iframe" 
}], {
  on: {
    "destroy": (fancybox, eventName) => {
      window.location.reload();
    },
  },
});

https://jsfiddle.net/wejs9kz7/
https://fancyapps.com/fancybox/getting-started/#option-2-programmatic