问题标签 [fancybox-3]

FancyBox3 文档说以下 html 代码可用于嵌入视频。

它会打开该框，但会显示一个 chrome 错误页面，上面写着“它可能已被移动或删除”。Fancybox3 正在工作，因为其他 iframe 正确加载。我什至可以复制 YouTube 嵌入链接（不是视频网址）并使用它，如下所示，它可以工作。但是，我不能添加诸如&autoplay=1嵌入 url 之类的选项，否则它会破坏它。

我在本地网站上工作。这只是本地嵌入的fancybox的一个问题，它应该在网络上运行时工作吗？

我正在尝试使用 Fancybox 3 创建一个内联元素库。我已经让各个弹出窗口正常工作，现在我正在尝试弄清楚如何利用 Fancybox 默认导航行为让用户能够循环浏览弹出窗口元素。

这是我的代码：

我尝试将 rel="group1" 和 data-fancybox="group" 添加到触发弹出但没有运气的锚元素。

我找到了其他类似的解决方案，但仅适用于旧版本的 Fancybox，它不适用于 Fancybox 3。

有什么想法吗？

我正在http://www.duss.sc.edu/nasca/创建一个网站

如果您在我发布此问题的日期或几天后检查此内容（因为我不经常更新实时内容），您可以看到我的问题说明。单击左侧标记为“图像”的八张卡片之一，查看右侧弹出的信息。单击右侧的大图，可以看到在所有内容上方弹出的花式框。但是，图像会表现得完全错误。无论您选择什么图像，它通常都会具有相对较高的分辨率，因此它会缩放到比屏幕大，但我希望它采用窗口的大小。它的纵横比也一直是错误的，除非我选择全屏。如果我单击图像使其按比例缩小，它将采用图像的 div 容器的纵横比，除了容器几乎从不是图像的实际尺寸。那' 这就是为什么我首先拥有灯箱的原因。所以你可以看到整个事情。

以下是我实现fancybox的方式：

index.js

主页-more.php

$dimensions['width'] 和 ['height'] 获取正在加载的特定图像的准确像素尺寸。相信我已经测试过它并且它有效。

我一直找不到任何关于我可以添加到 .fancybox() 对象的参数以及它们各自的作用的 fancybox 3 文档，所以这很复杂。除了您在此处看到的内容之外，我还尝试了几种不同的论点组合。

请记住，我这里的代码是本地的，最新的代码，实时代码有点不同，但奇怪的大小行为在实时站点上是相似的。我只是为您提供链接以帮助说明问题，而不是作为分析代码的来源。

我知道在我最新的本地代码中，fancybox 实例正在获取我的参数，因为我的设置“保护：true”中禁用了右键单击。

有谁知道这里有什么问题？

为什么一段时间后字幕会消失？目前，如果用户不做任何事情，窗口标题会在一段时间后消失。

如何阻止字幕始终可见？

任何想法我都是fancybox3的新手。

我有一个主图像，您单击以打开 fancybox 3，我还有一个缩略图库，它是同一个 fancybox 组的一部分，当您滚动它们时，它们会用您滚动的图像替换主图像 - 目的是获得“缩放”效果，但同时也为画廊的其他部分提供了幻想画廊。显然，由于主要项目在组中，而且在缩略图中，我在fancybox 视图中得到了一个副本。

我该如何解决这个问题？这是我的尝试，当我尝试使用 Jquery 操作组中的内容时，但是，当您重新打开 fancybox 时，它似乎被忽略了。我想知道是否有办法取消绑定和重新绑定组（？），但我只是在文档中找不到它。

我使用这个 enqueue 函数将 FancyBox v3 包含到我的 Wordpress 插件中：

当我加载我的页面时，我收到一条错误消息：

FancyBox 脚本在引发错误的前几行中检查了初始化，但我没有在其他任何地方初始化它。有谁知道可能会发生什么？

当使用 fancybox3 时，我们希望动态更改 iframe 的链接。所以我们改变了data-src第一次工作正常的属性。但是，当我们通过 jQuery 更改链接并再次打开 fancybox 时，它会打开旧的data-src. 你怎么能重复使用花哨的盒子或破坏并重新创建花哨的盒子？

我正在测试 Fancybox 3 以了解如何根据实际内容动态调整 iframe 的高度。这是我所拥有的：

此代码不起作用。我必须使用preload: false以获得更好的用户体验并能够动态调整高度，因为在框架内我将显示几个不同高度的页面。page-mini.html 只是几行文本。

如何将 iFrame 定位在视口顶部？20像素下降？

这是我的 Fancybox 代码：

我尝试在插件滑块革命的轮播中实现 FancyBox 3。下一个代码适用于 FancyBox 2，但对于 fancyBox 3，箭头不起作用。我想知道是否有人有解决方案。

链接：https ://www.themepunch.com/faq/using-fancybox-with-slider-revolution/

在 FancyBox2 中运行良好但在 fancyBox3 中不显示箭头的代码