问题标签 [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 投票
2 回答
1819 浏览

jquery - 为什么 Fancybox 窗口不弹出?

我已在此页面上安装并配置了 Fancybox 2:http: //southernlivingplants.com/carmen_johnston/

第一个视频占位符有一个链接到它的 YouTube 视频。它应该在 Fancybox 窗口中弹出,但它只是直接进入 YouTube 页面。

我已经在 FireBug 中检查过了,没有收到任何错误。一切似乎都在正确加载。

这是我的代码:

任何线索我在这里缺少什么?

谢谢。

0 投票
2 回答
3810 浏览

jquery - Fancybox 2.1 覆盖淡入(speedIn)无法正常工作/颠簸

在谈到 JS 和 CSS 时有点新手,并且已经尝试解决我的问题几天了,希望有人可以帮助我......

我刚刚从 Fancybox 2.0.5 更新到 2.1.0。当 iframe 打开以显示来自 Vimeo 的视频时,设置为淡入(speedIn 为 1000)的叠加层以 100% 进入而不是淡入。就在 iframe 完成加载之前,叠加层会短暂闪烁关闭并再次打开。通过助手,我可以控制 speedOut、不透明度和颜色,但不能控制叠加层的 speedIn。

我已经在我的 Mac 上的 Safari (v5.1.2) 和 Firefox (v12) 中尝试过,两者都遇到了同样的问题。这是我正在开发的网站的链接。(点击图片):

http://www.steinstie.com/Test/index.html

任何想法将不胜感激!

这是助手的代码:

0 投票
1 回答
273 浏览

jquery - 如何将助手添加到fancybox

好的,我正在使用类似的东西

打开一个包含一些基本(文本区域等)表单元素的 div。有用。

我想传递更多选项,例如helpersin。不知道如何。想法?

0 投票
1 回答
677 浏览

javascript - Fancybox 是否会静音 Click 事件?

这是我的问题,这是我的示例代码。

HTML:

JS:

如果您单击缩略图来启动 FancyBox,afterLoad则会出现在标题中,但是当您单击图像并观看控制台时,您什么也得不到。

想法?我正在尝试使用 FancyBox 的$.fancybox.close()方法,但如果我无法触发 click 事件,我将被迫内联使用它,为了不使用 JS 内联,我宁愿不这样做。

0 投票
1 回答
6660 浏览

fancybox - Fancybox inline 没有滚动条并且是 100% 和“固定”的

不知道如何解释这一点,但这里有:

我希望内容位于当前/父内容之上,而不是 Fancybox 在页面上打开一个可以在其中包含滚动条以查看溢出内容的“框”。

因此,目前,如果浏览器内部宽度为 800px,而您正在打开需要 1200px 高度的内容,则 Fancybox 'box' 高度可以设置为 800px 并使用滚动条来滚动新 'box' 的内容(因为内容是1200px)。我想这样做,所以没有新的滚动条,但新内容是完整的 1200 像素,它将主/父页面向下推(如果不存在,则在父页面上强制滚动条)。

单击关闭按钮仍将关闭它。

这可能吗?我说得有道理吗?

这适用于 FancyBox 2。

0 投票
1 回答
1496 浏览

callback - Fancybox 2 afterClose focus

我刚刚尝试了 Fancybox 2,但遇到了问题!在Fancybox 1.3.4 中,我可以在fancybox 关闭时触发一个功能,即将焦点添加到当前拇指元素(例如在画廊中)。

它看起来是这样的:

但是,在 Fancybox 2 中,它们已弃用onClosed,并且还有另一个参数 ,afterClose但我找不到存储当前拇指元素的变量。

请帮忙!

0 投票
1 回答
7015 浏览

jquery - 使用 Fancybox 2 将标题放在里面

我完全一无所知,但通过使用这里找到的许多很好的答案,我设法让 Fancybox v2.1.0 工作。现在,我想将标题位置更改为“内部” - 我看到了各种代码,例如:

});

但我不知道该放在哪里 - 我要编辑 jquery.fancybox.js 文件吗?如果有,在哪里?我在第 182 行看到可以更改标题类型,但这似乎对我不起作用。

在确定这一点后,我想将打开/关闭更改为“弹性”,所以任何帮助也将不胜感激。没有在线示例页面 - 但它是缩略图的基本页面,每次单击以打开更大的单个图像。

非常感谢 - 很抱歉成为这样的新手 - 以前使用过 Lightbox,但 Fancybox 似乎更适合我的需要。

编辑(从评论中移动代码)这是我所拥有的:

0 投票
2 回答
334 浏览

jquery - FancyBox 无法解析 Urls(Twitpic)

Twitpic 最近对他们的 API 进行了更改,他们的照片网址“http://twitpic.com/show/full/auuqys”现在被解析为一个巨大的 Cloudfront 网址(下)

但 Fancybox 无法解析和渲染,而是给出了错误

如何使用 FancyBox 呈现重定向的 url。请帮忙。

谢谢

0 投票
2 回答
458 浏览

jquery - Fancybox 2 - 按钮助手库“长度”太大

Fancybox 2 错误的“this.group.length”值

我的画廊显示 N+1 或 N+2 张图片(两张图片共 3 张,十张图片共 12 张中的 12 张),最后一张图片重复。变量“长度”太大。当我“在浏览器中测试”(Firefox)时发生在网络(Opera)和内部

参见http://www.pinacate.org/index.html点击“单成火山 (2)”和“图片库 (10)”

示例代码:描述段落

标签后附加的页面上的图像链接

0 投票
1 回答
2199 浏览

html - Elastislide + fancybox(两者都是响应式的)不起作用。令人惊讶的是控制台上没有错误

我现在正在使用响应式设计,我使用 elastislide ( http://tympanus.net/Development/Elastislide/ ) 制作了一个滑块,现在我想用 Fancybox ( http://fancyapps ) 调用一个带有 ajax 或 Iframe 的表单.com/fancybox/#examples)单击滑块的每个图像,但它不起作用,并且我的 fire bug 的控制台以及我的 web-developer 工具上没有错误。

这是代码。

当我评论 elastislide 时,fancybox 可以工作,但两者都不能正常工作...... :(