问题标签 [fancybox-3]

我需要用自定义评论区域替换数据标题宽度右白框。

我正在使用自定义模板为标题区域中的表单添加输入字段：

这些字段显示得很好，但我实际上无法单击任何表单元素。Fancybox 只是窃取与图像交互的输入。有没有办法让 div.fancybox-caption-wrap 中的东西能够处理自己的输入并将图像保持在其上方？基本上，只是为了让它像允许交互的 div.fancybox-controls 一样工作（并充当图像的顶部）。

我尝试在文档页面上搜索选项，但似乎没有任何适合或工作。“触摸”事件似乎可能会窃取事件，但开/关没有任何区别。禁用“closeClickOutside”也无济于事。与 Fancybox2 交互的表单元素无需任何额外步骤。我还能尝试什么？

我的程序的目的：

单击“外部页面”超链接后，将执行 javascript 函数“randomLink”，该函数应动态提供指向 IFrame 幻想框的链接；这反过来应该加载这个提供的链接。

问题

目前我遇到的问题是：不是按照上面总结的方式行事，而是将一个链接分配给“data-src”属性，从运行时的这一点开始，我无法替换该值这个属性再次动态。

如何直观地看到问题：

通过 javascript 警报消息表示的 'd.getSeconds()' 值和馈送到 Fancybox IFrame 的 'duckduckgo' URL 的比较使这个问题变得明显。

当第一次执行超链接“外部页面”时，“duckduckgo”URL 与 JS 警报中显示的当前“d.getSeconds()”值匹配，但此后再次选择超链接时，这些值将不再匹配。而对于 URL，第一个 'd.getSeconds()' 值将在 Fancybox IFrame 中执行，与预期的新 'd.getSeconds()' 值相反。

任何帮助解决这个问题将不胜感激。

谢谢。

CodePen 问题链接：

http://codepen.io/anon/pen/yMNxrK

html:

Javascript：

是否可以指定在 fancyBox 3 中使用的过渡？我对 3 个转换感兴趣：

1. 打开幻灯片/画廊
2. 在幻灯片之间导航
3. 关闭幻灯片/图库

默认情况下，fancyBox 3 对不同类型的内容使用不同的过渡。

查看此codePen以了解它的运行情况，包括导航转换。对于图像，我们有：

1. 放大
2. 水平滑动
3. 缩小

对于 html 内容，我们有：

1. 淡入
2. 水平滑动
3. 消退

是否可以在 fancyBox 3 中更改此默认行为？例如让图像也淡入淡出？我无法在文档中找到这方面的任何信息。

如何在 fancyBox 3 中的图像幻灯片周围添加框架？

目前，我尝试了以下方法：

这在查看幻灯片和在幻灯片之间导航时有效，但在 fancyBox 的打开/关闭过渡期间看起来不太好。

您可以在此CodePen上看到它的实际效果。

有没有更好的方法在 fancyBox 3 中创建框架，所以在打开和关闭幻灯片/画廊时看起来也不错？我无法在文档中找到这方面的任何信息。

在提交按钮后，我需要在 php 中打开一个表单的结果，在一个花哨的框中。这是表格：

我在stackoverflow上的其他问题中看到了看起来可能是解决这个问题的方法，但没有一个有效。

我正在尝试获取单击以打开 Fancybox 的链接的内部文本：

$("a.turnDateLink").each(function() {

});

它只返回最后一次的 innerText a.turnDateLink. ！啊。

请记住，我想使用 fancybox 分组。

请参阅 Fancybox 文档以了解分组：http ://fancyapps.com/fancybox/3/docs/#usage

如果您有一组项目，则可以为每个项目使用相同的属性 data-fancybox 值来创建画廊。每个组都应该有一个唯一的值：

我最近决定尝试fancybox 3，发现一个非常奇怪的错误，它只出现在打开的引导模式窗口中。

所以我做了一个小演示作为例子（见全页模式）

当您只是打开图片并选择上一个或下一个时，一切都很好。但是当你从引导模式窗口做同样的事情时......查看浏览器控制台......它充满了错误。看起来像花式框的焦点事件奇怪地与模态的焦点事件相交。

我的问题是如何在不更改库代码的情况下解决这个问题？

我正在使用 Fancybox 3.0 在网站上打开一些图像。我在头标签中使用此代码：

而正文代码为：<a data-fancybox href="image.jpg" > xxxx</a>

当我点击 xxxx 链接时，图像会在花式框弹出窗口中打开，但在我按下 X 按钮关闭图像后，​​我所有的网站字体在某些 div 中都会变小或变大。我该如何解决这个烦人的问题？？？

谢谢

以下代码基于http://fancyapps.com/fancybox/3/docs/#usage上的演示代码，我希望显示一个图像灯箱，但代码不起作用，为什么？

致：瑞克，我已经用你的代码修改了我的代码，但它还不能工作，为什么？

修改后的代码也不起作用。