问题标签 [fancybox-2]

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 投票
0 回答
445 浏览

javascript - Fancybox 中的 jQuery 不起作用 html() 和 hide()

我目前有 Fancybox 打开一个 hidden_​​div afterShow()

hidden_​​div 上有一个链接可以调用这个函数:

jQuery#image_tagged#image_name_tagged work-- 这些 ID 不在 fancybox-overlay 之上(调用 fancybox 之后的隐藏选项卡)。

带有#image_tagged_fancybox(从隐藏选项卡中的链接调用的 jQuery)的 jQuery 不起作用。有趣的是...

仍然给我正确的信息。

任何帮助,将不胜感激!

0 投票
2 回答
1519 浏览

jquery - 为什么即使我的页面有要关闭的代码,fancybox 也没有关闭

这是用于从远程域加载外部页面的父页面的代码,但是当我单击 iframe 页面中的关闭链接时,它并没有关闭。谁能指导我,我哪里出错了?

远程页面中的代码如下

0 投票
1 回答
10830 浏览

jquery - jquery fancybox 媒体助手

我是 Jquery 和 fancyBox v.2 (fancyApps) 的新手,需要一些说明:

1)fancyBox 媒体助手的功能/目的是什么?如果我使用例如 fancyBox iFrame 功能,例如 youtube(iframe),有什么区别?

2)除了在标题中链接以下js之外,我还需要额外的css文件吗?

谢谢

0 投票
1 回答
2754 浏览

javascript - YouTube Fancybox 未加载视频

我已经在网站上设置了一个 PHP 视频浏览器(检查视频 pod),当单击视频缩略图时,应该会弹出一个视频并使用 FancyBox 脚本播放,但视频只是没有加载。为什么是这样?

0 投票
2 回答
1016 浏览

jquery - Fancybox 自定义 URL 图片预加载

我正在整理一个画廊页面,其中的图像显示在一个fancyBox中。实际的图像是大文件,所以我正在运行一个 php 脚本来重新调整服务器端的原始图像文件的大小,并为 fancyBox 输出一个更小、更轻的版本。这样做的结果意味着图像的 URL有一个类似的“/images/photo.php?image=001.jpg”。

这样做意味着fancyBox 必须被强制进入图像模式,因为它通常需要一个.jpg 文件,但它会得到一个.php 脚本。这很好用,但确实会导致 fancyBox 不再预加载下一个和上一个图像的问题。我最初使用的更小/更轻/更快加载图像的计划在这一点上失败了,因为重新调整图像大小的 PHP 脚本需要一些时间,并导致在单击下一步和实际显示新图像之间存在令人讨厌的延迟。能够预加载下一个/上一个会很有帮助。

有没有人知道是否可以强制fancyBox预加载下一个图像,而不管它指向的文件类型是什么?

附带说明一下,不运行服务器端脚本来重新调整图像大小会导致 fancyBox 和一些浏览器放弃加载图像并很快耗尽大量内存......每个图像在重新调整大小之前约为 2MB .

任何建议表示赞赏。

0 投票
1 回答
743 浏览

jquery - Fancybox 叠加层未扩展到高度

使用 JavaScript:

但是,叠加层上的背景高度保持在 0。单击此处查看

0 投票
1 回答
8554 浏览

jquery - 如何将文本添加到 Fancybox(拇指标题除外)?

我正在使用 Fancybox Jquery 插件,我想要文本和一个链接出现在弹出框中的图像下方。我知道我可以在缩略图的 title="" 中添加文本,但是还有其他添加文本的方法吗?我不喜欢当用户将鼠标悬停在拇指上时图像标题的可见性。

提前谢谢!

0 投票
3 回答
2021 浏览

jquery - fancybox 2.0.6 关闭按钮自定义操作

我正在尝试将自定义操作插入到花哨的关闭按钮中,但什么也没发生,这是为什么呢?

我的代码

0 投票
1 回答
525 浏览

jquery - 更改 iFrame 中 FancyBox2 上一个和下一个叠加层的大小?

我有一个很好的 FancyBox2 实现,它在 iFrame 中加载 html 页面作为画廊。

但是,我在 iframe 中加载的内容包括指向外部网站的链接,如果我使用允许用户滑动浏览所有图库项目的正常上一个和下一个导航,这些链接将被“阻止”。

如何更改上一个/下一个链接覆盖的大小,以便它们包含在左右边距中,以便我可以向用户公开内容链接?

或者

如果有一种方法可以相对于 FancyBox 的顶部而不是相对于页面的顶部定位按钮导航栏,则另一种方法是。在这种情况下,我会禁用内部的 prev/next 链接和箭头。

0 投票
3 回答
2229 浏览

css - 使用 Foundation 3 和 CSS 边框框时,Fancybox 关闭按钮被切断

当使用 box-sizing:border-box 时,它会导致“关闭”按钮被切断。在使用 Zurb 的 Foundation 3 时尤其如此。

似乎导致fancybox出现问题的代码是这样的:

现在,也许作者在进行计算时需要考虑边框框,但我想知道是否有一种简单的方法可以用 CSS 覆盖行为。

这是一个演示正在发生的事情的小提琴。您可以看到关闭按钮是如何被切断的。http://jsfiddle.net/jonthomas/SxZuR/4/

另外,这里是 github 上的问题:https ://github.com/fancyapps/fancyBox/issues/311