问题标签 [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.
javascript - Fancybox 3 JQuery：单击外部元素时关闭图库
单击父元素或外部元素时，我无法让 Fancybox 3 退出。
Fancybox 3 选项文档 ( http://fancyapps.com/fancybox/3/docs/#options ) 声明如下：
以下是我的 JS 文件：
我正在使用组选项来启用画廊。
我已经尝试了一些东西，但似乎还不能让它工作。非常感谢您的帮助，请保重。抱歉信息不全，我得走了。
javascript - fancybox 3 不适用于使用 JSON+DOM 操作加载的新内容（用于无限滚动）
我有一个图片库并使用fancybox v3。通过进入网站，前 20 张图片被加载（使用 PHP 生成），fancybox 连接到这些图片。
HTML 部分如下所示：
Fancybox 是这样初始化的：
..这很好用。
现在，如果用户到达页面末尾，则使用 DOM 操作将 JSON 格式的新内容加载并插入到网站中。为此，我使用了一个占位符，它是一个空的 HTML 模板，隐藏在网站中。我将该 DOM 元素克隆到库中，并使用来自 JSON 请求的数据填充新元素。
不幸的是，这不起作用。如果我单击新添加的图片，fancybox 会打开，并且（在每种情况下）都会显示原始集合中的第一张图片。洞察我可以“走”穿过初始集合中的所有图片的fancybox，但我无法到达/看到新加载的图片。
如果我将 JS-Line 更改
px.children('a').attr('data-fancybox', "group" );为px.children('a').attr('data-fancybox', "group2" );，则新的 fancybox-instance 已应用于新的（JSON 数据）记录。
但是，图片查看器无法从初始集合的第一张图片滑动到第二组（已加载 JSON）的最后一张图片。
如果用户再次到达网页的末尾，则会再次加载一组新图片并将其插入图库，这会破坏整个fancybox 功能。Fancybox 不再正确运行。即使是现有的图片也无法正常打开。
那么如何处理添加到我的图库中的 JSON 数据并将新数据注入现有的fancybox 集中呢？
jquery-ui-datepicker - Datepicker（月份和年份）在fancybox中不起作用
我的fancybox 3 和jquery ui datepicker 有问题。如果我将日期选择器放在fancybox 之外.. 几个月和几年的下拉菜单正在工作.. 但是当我将它放在fancybox 中时。下拉菜单没有被触发。知道发生了什么吗？
javascript - FancyBox 3 缩放按钮
我正在使用 FancyBox 3，并希望在按钮栏中有一个缩放按钮，但似乎无法使其工作。
我正在使用 clickContent 打开链接，并且我认为由于我具有缩放功能，因此我可以在按钮切换上以某种方式调用它，而不是单击内容。
我用 btnTpl 做了一个按钮，给它一个“fancybox-zoom”类。
我试过这个（和其他一些东西，但这些都不起作用）
我应该在哪里/如何调用点击功能或者我做错了什么？:)
编辑：实际上我发现我需要的功能是 scaleToActual 但是当我使它成为按钮上的 onclick 事件时，如下所示：
它消除了Uncaught TypeError: $.fancybox.scaleToActual is not a function错误......关于这种方法的任何想法？
任何帮助，将不胜感激。
php - Fancybox 3 页面加载延迟并设置 cookie 不起作用
我不能让这个 jQuery 在页面加载上工作？我使用fancybox 3。
我也将此添加到我的身体标签中：<body OnLoad="openFancybox()" class="body">
我基本上将弹出窗口放在一个名为 newsletter.php 的包含文件中。当我单击该链接时，侧边栏中的链接可以正常工作。但我想让它在页面加载时延迟弹出并打开，也让它设置一个cookie。
我还包括了 cookie js：
这是我在侧边栏链接中使用的行，当您单击它时它会打开：
谢谢
jquery - fancyBox3 更改一些幻灯片的 CSS
我正在尝试仅针对同一组中的某些幻灯片删除 fancyBox 标题边框顶部。我尝试使用 slideClass 选项。
css
那没有做任何事情，所以我尝试了：
这隐藏了“组”中所有幻灯片的标题顶部边框。有没有办法将自定义 CSS 添加到组中的特定幻灯片？
fancybox-3 - 如何在 fancybox 加载时显示 div
我有一个包含隐藏 div 类的 CSS 的页面
但是当在fancybox iframe 中加载相同的页面时，我希望相同的内容可见。我在 jquery.fancybox.css 中尝试了以下 CSS，但这没有帮助。对此修复有什么建议吗？
javascript - 如何使用 fancybox-3 插件将 .fancybox-thumbs 插入 .fancybox-inner？
我正在使用带有自定义模板的 fancybox-3 插件：
仍然 DOM 看起来像：
我正在尝试插入<div class="fancybox-thumbs">...</div>以<div class="fancybox-inner">...</div>使 DOM 看起来像在开发工具中一样：
我尝试了各种版本$(".fancybox-thumbs").appendTo(".fancybox-inner");但没有任何结果：/
有谁知道我在哪里错过了重点？非常感谢所有可能的帮助。
期待，
javascript - 如何将 div 添加到 fancybox-3 自定义模板？
我正在尝试实现类似于上图中的结果：
使用 fancybox-3 插件，我创建了自定义模板：
部分我已经设法实现了类似于下图中的结果：
毕竟，我缺少图像下方带有文本的 div。我尝试使用codepen 示例作为参考，但没有任何体面的结果：/
有谁知道我在哪里错过了重点？非常感谢所有可能的帮助。
期待，
fancybox - 网络爬虫索引链接到组幻灯片可能吗？
如何让网络爬虫索引组中幻灯片的链接？例如http://fancyapps.com/fancybox/3/#gallery-1带有数据标题“Corfe Castle Sunrise..”