问题标签 [fancybox-3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
643 浏览

jquery - 如何在使用 Fancybox 3 打开另一个实例之前关闭前一个实例?

我有 2 个弹出窗口:一个用于登录窗口,一个用于注册窗口。我需要能够从登录弹出窗口访问注册弹出窗口,反之亦然。使用fancybox 2,当我打开一个弹出窗口时,其他窗口会自动关闭。

在fancybox 3 中,它们相互重叠打开。

谢谢!

0 投票
2 回答
672 浏览

javascript - 使用 ajax 数据更改 fancybox iframe 的内容

我有一个模板站点,我想用来自 ajax 调用的数据更改其内容。

我有一个打开fancybox 3 iframe 的按钮。此页面的内容是我要更改的内容。

打开fancybox的按钮:

点击事件触发ajax调用:

iframe 的 jquery 选择器是正确的,因为我可以通过 chrome 控制台编辑页面。所以我认为问题在于它试图在页面加载之前更改页面?有什么解决办法吗?

我读过的所有答案都假设您有一个空的fancybox iframe 页面,只需将数据附加到它。但就我而言,我已经有一个模板站点,我想更改它的内容。我读过的链接:

如何在 fancybox iframe 中显示 ajax 响应将 动态 AJAX 内容加载到 Fancybox

0 投票
2 回答
1601 浏览

javascript - 翻译 Fancybox-Button


我正在尝试更改 fancyboy3 关闭按钮的工具提示,但似乎没有任何帮助。我试过
tpl: { closeBtn: '<a title="Test" class="fancybox-item fancybox-close" href="javascript:;"></a>'}


但两个版本都没有帮助。我究竟做错了什么?

0 投票
3 回答
676 浏览

javascript - 如何在fancybox 3灯箱中自动打开网站上的所有youtube链接

我想知道是否/如何可以在 Fancybox 3 中打开所有 youtube 链接。

场景:一个网站有一堆指向 youtube 的链接。寻找一种方法来自动将这些视频点击弹出到灯箱中,而无需在每个链接中添加“data-fancybox”。

例子:

我还没有找到任何让 fancybox-3 自动捕获来自某个 URL 的链接的示例......

更新:

非常感谢恶魔的回答,但我正在寻找一种方法来做到这一点,而不需要对实际的 youtube 链接进行任何标记更改。

我找不到任何示例,但开始寻找图像链接的自动捕获。

这很接近,我觉得像这样的东西会起作用,但似乎捕获了每一个链接,而不仅仅是其中带有“youtube”的链接。

0 投票
2 回答
959 浏览

jquery - Fancybox 3 全尺寸图片

是否可以禁用“放大”功能并使用 Fancybox 3 画廊获得完整的图像尺寸?并且还为大图像启用水平和垂直滚动条。

0 投票
1 回答
237 浏览

twitter-bootstrap - fancybox 3 和导航引导问题

请看下图 请看下图 请看下图

0 投票
1 回答
459 浏览

fancybox-3 - 如何在不初始化的情况下在 fancybox3 中调用 afterclose?

fancybox 3中不需要通过javascript 初始化fancybox。data-fancybox=""将 html 属性设置为锚点以使其作为花式框打开就足够了。

好的!现在我想在afterclose上调用一个函数,但是当我没有初始化函数时我不知道该怎么做?该文档建议使用以下方法,但它仅适用于具有初始化的方法:

这是我的示例 html 链接,它打开了一个没有额外 javascript 的幻想框:

0 投票
0 回答
521 浏览

jquery - Fancybox 和 Elevatezoom 的按钮

我正在尝试制作一个包含 90 张图片的画廊,并且每张图片都必须有一组按钮:(i)打开一个包含详细图片的 fancybox 画廊;(ii) 用大图打开一个花式框;(ii) 激活/停用提升缩放。我认为提升缩放动作/取消动作可能在带有大图像的幻想框内,但我也无法管理。激活/停用 elevatezoom 正在工作,然后坏了,图库按钮显示所有带有 rel="gallery" 的图像,这是正确的,但不是我想要的。我不知道如何为不同的按钮制作不同的画廊,以及如何将全屏按钮定位到特定的图像。

小提琴

0 投票
1 回答
718 浏览

fancybox - Fancybox 3 和响应式背景

在带有流体容器的可滚动页面上,fancybox modals 存在问题。在下面的示例中,当您打开 modal fancybox 右侧的背景拉伸了一点,因为新的 modal 没有垂直滚动条。模态关闭后,背景大小再次被纠正。

0 投票
0 回答
186 浏览

fancybox-3 - 如何在fancybox-3.1.20中添加图片+iframe

我想在fancybox中的图像下方添加图像以及带有google adsense的iframe。

我几乎检查了fancybox-3.1 的文档,但没有找到合适的解决方案来解释如何实现它。

详情请查看快照, http: //prntscr.com/fn8m83

在此先感谢您的帮助!!!