fancybox 相关问题

update在上一个或下一个按钮上访问fancybox上的单击 我正在使用Fancybox进行照片库。并使用以下代码在使用PHP MySQL和AJAX的单击时更新照片视图。 我想在打开的幻想中上一个或下一个按钮时更新图像的视图...

使用花式盒设置高度和宽度

如何在 Fancybox 5.0.36 中启动 iframe 时禁用 URL 中的 #

问题：我有两个调用 iFrame 的按钮。 当框架弹出时，它会将我的网址更改为： /index.php 到 /index.php#ViewFriend 问题是，关闭时我重新加载页面......所以当它

Fancybox v5，如何使用多个 IFRAME 链接在关闭时重新加载到不同的 url？在 fancybox 上使用 $_GET

目标：链接到 IFRAME 页面以获取 GET 值的多个按钮，并且可以在关闭后重新加载到不同页面。 目标：链接到 IFRAME 页面以获取 GET 值的多个按钮，并且可以在关闭后重新加载到不同页面。 <a id='DeleteButton-1' href='delete_email.php?EmailID=1' data-fancybox data-type='iframe'>1</a> <a id='DeleteButton-2' href='delete_email.php?EmailID=2' data-fancybox data-type='iframe'>2</a> <a id='DeleteButton-3' href='delete_email.php?EmailID=3' data-fancybox data-type='iframe'>3</a> 在 delete_email.php 上，我分配 $_GET 值，然后从 EmailID 中删除 MySQL 记录。 在 Fancybox v3 上，我可以分配不同的 fancybox 绑定以在关闭后转到不同的页面。 <a href='delete_email.php?EmailID=1' data-fancybox='DeleteEmail' data-type='iframe'>1</a> <a href='delete_email.php?EmailID=2' data-fancybox='DeleteEmail' data-type='iframe'>2</a> <a href='delete_email.php?EmailID=3' data-fancybox='DeleteEmail' data-type='iframe'>3</a> <a href='show_email.php?EmailID=1' data-fancybox='ShowEmail' data-type='iframe'>1</a> <a href='show_email.php?EmailID=2' data-fancybox='ShowEmail' data-type='iframe'>2</a> Fancybox.bind('[data-fancybox="DeleteEmail"]', { on: { close: () => { location.href = 'email_trash.php'; } } }); Fancybox.bind('[data-fancybox="ShowEmail"]', { on: { close: () => { location.href = 'email_inbox.php'; } } }); 问题是，Fancybox v5正在使用fancybox绑定DeleteEmail获取所有url并删除它们，而不是传递的单个EmailID。我认为它将它们视为像“画廊”一样的“组”，并将所有ID带到更新数据库。 我已经使用版本 3.5.7 与 5.0.36 验证了这一点。 我可以对所有内容进行默认绑定以重新加载到不同的页面，但如果我有“查看”按钮和“删除”按钮，则这不起作用。 Fancybox.bind('[data-fancybox]', { on: { "destroy": (fancybox, eventName) => { location.href = 'email_index.php'; }, }, }); 我可以绑定一个特定的ID来将该按钮发送到特定的页面.... Fancybox.bind(document.getElementById("DeleteButton-1"), "[data-fancybox]", //redirect Fancybox.bind(document.getElementById("DeleteButton-2"), "[data-fancybox]", //redirect Fancybox.bind(document.getElementById("DeleteButton-3"), "[data-fancybox]", //redirect 但是，如果您有数百个按钮，这不是一个好主意。 所以我的问题是.... 是否有类似“类”的东西，我可以分配一组按钮，以便它知道要重新加载/重定向到哪个页面？ 所以关闭后查看按钮将转到 xxx.php，删除按钮将转到 yyy.php 页面？ 是否有更好的方法将值（例如 EmailID）传递到 IFRAME 页面，而不是使用 URL 中的 $_GET？ 感谢您的帮助！ 我建议添加不同的数据属性来指示操作，并使用“关闭”事件来检查： Fancybox.bind('[data-fancybox]', { on: { "close": (fancybox) => { // This is the element that launched Fancybox when clicked. // Check `dataset`, `classname`, etc and decide what to do next console.log(fancybox.options.triggerEl); }, } });

fancybox 在主页中显示滚动

我的 fancybox 弹出窗口有时太大，我想在主页上显示滚动条（不在 fancybox 内）。有人可以让我知道我该怎么做吗？ 请参阅随附的屏幕截图...

Fancybox 画廊打破了滑动器

Fancybox 破坏了 swiper。添加偏移量，而不会发生可见的 CSS 和 DOM 更改。要在 jsbin (https://output.jsbin.com/jiqucacete) 上复制该问题，您需要： new Swiper('.swiper-container', { 幻灯片P...

从函数中打开 fancybox

我正在尝试从我拥有的函数中打开一个 fancybox - 简而言之，我的 HTML 代码如下所示； 点击 还有一部分...

使 open fancybox 模态化

我有一个 Fancybox，里面有两个按钮：合并和取消。取消关闭 fancybox，合并发布表单并等待页面重新加载。页面重新加载需要几秒钟，所以...

如何动态调整CSS的YouTube视频方向？

我正在开发一个项目，在该项目中，我显示一系列存储在从数据库检索的 JavaScript 数组中的 YouTube 视频。每个视频都有一个已知的方向（纵向或横向）。我做了一些

“$(document).ready”功能的替代品

我在aspx页面中使用fancybox。对于灯箱，文档就绪功能在此页面中不起作用。有人告诉我编写一个新的 javascript 代码来加载该页面中的灯箱。

Fancybox 无法正确显示流媒体图像

我有一个可传输 jpeg 的 ASPX 页面。它设置内容类型，然后写入响应流。如果我直接查看图像，它们会很不错，但如果我使用 Fancybox 1.2.6，我会得到

如何“手动”使用按钮助手打开 fancybox 画廊

我不想在页面上显示任何缩略图。 我只想要一个文本链接，打开可以在幻灯片中播放的一系列图像。 我正在使用 jQuery 和 Fancybox 2。我将此粘贴到...

如何打开带有图像数组的fancybox

我有一个 Javascript 中的图像 URL 数组： 照片= ['img1.jpg','img2.jpg',...] 我正在使用 Fancybox 2。 如何打开带有阵列图像的 Fancybox？ $('#start_slides').fancybox({ '

在 fancybox 中加载各种尺寸的图像

我有 5-6 张不同尺寸的图像，例如宽度从 1000px 到 1048px，高度从 593px 到 1736px。但它不加载小图像。我试图传递宽度和高度，但它不起作用。

fancybox，点击打开图库

我不确定，也许这个问题已经得到解答或者有一些类似的问题，但我希望这对我来说是解决这个问题的最简单的方法。 所以我的“脑子里有这段代码......

图像未在 IE 中以 base64 形式显示

我已将图像存储在 CLOB 中的 Oracle DB 中，当我在图像源中使用 base64 将其转换回来时，它在 Chrome 和 Firefox 中运行良好，但在 Internet Explorer 中运行良好。图像的某些部分是

用其他链接调用fancybox画廊

我的情况很独特。这是我的场景： 4 个链接到图库的缩略图 + 1 个中等图像（指向与第一个缩略图相同的来源）。 我想通过cli打开同一个画廊...

jQUery fancybox 启动 onclick

这是Javascript： $(文档).ready( 功能（）{ $('#button').click(function() { $("#content_of_fancybox").fancybox({ '滚动' : '不', ...

向 WP 主题添加精美的框

我对制作自己的 WP 主题相当陌生。现在我正在尝试弄清楚如何向其添加灯箱类型功能。我在谷歌上广泛搜索了这个主题，这是我能找到的唯一像样的教程......

fancybox的使用方法

我有一系列这样的链接： 我有一系列这样的链接： <a title="G0" id="hotel_img_0" rel="hotel_img" href="#"></a> <a title="G1" id="hotel_img_1" rel="hotel_img" href="#"></a> <a title="G2" id="hotel_img_2" rel="hotel_img" href="#"></a> <a title="G3" id="hotel_img_3" rel="hotel_img" href="#"></a> 我应该如何让 fancybox 工作？ 我没有锚点类，这就是为什么不能使用 $(".class_name").fancybox() 我为所有锚点尝试了相同的 id，并且 $("#id_value").fancybox() - fancybox 不起作用。 您可以将 fancybox 绑定到具有相同 rel 属性（并且没有任何 class）的所有元素，例如 $("a[rel=hotel_img]").fancybox(); 参见JSFIDDLE 编辑： 您还可以在同一个 fancybox 初始化脚本中对具有不同 rel 属性的元素进行分组，例如： $("a[rel=hotel_img], a[rel=standart_room_img], a[rel=agents_room_img]").fancybox(); 查看更新JSFIDDLE