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

jquery - 淡入淡出过渡画廊

在这个新的示例页面中,图片库有一个向上移动的过渡。我想在图像之间有一个简单的淡入淡出效果,但我不知道在哪里以及在代码中改变什么。任何人都可以帮忙吗?

谢谢

0 投票
1 回答
16279 浏览

jquery - 您如何在 fancybox V2 中为 iframe 设置不同的高度/宽度?

我一直在使用 Fancybox 1.3.4,并且在那里我在链接本身中有 iframe 的尺寸。

这是我如何拥有它的示例

当我单击链接时,fancybox 将打开具有这些尺寸的 iframe。我正在尝试 Fancybox V2,但我对如何设置 iframe 的尺寸感到困惑。我希望每个 iframe 都有不同的尺寸。我该怎么做?

0 投票
3 回答
5331 浏览

jquery - 如何在fancybox 中安装MediaElement 播放器?

HTML:

JS:

firebug 中没有错误。问题是fancybox 将整个页面作为内容而不是视频。

知道有什么问题吗?

0 投票
1 回答
1715 浏览

jquery - Fancybox2 幻灯片助手按钮

有什么方法可以指定,fancybox 2 的助手中的幻灯片应该显示什么按钮?其实我不需要切换按钮。

如何删除切换按钮?

谢谢。

0 投票
1 回答
773 浏览

jquery - FancyBox2 兼容 IE7?内联内容

FancyBox 在我正在处理的网站上无法在 IE7 中打开。这是我犯的编码错误还是在 IE7 中不起作用?

当前版本的网站:

http://arbiter-design.com/wycliffe/transformation

0 投票
1 回答
25955 浏览

jquery - 花哨的盒子在 beforeShow 函数中与 iframe 一起使用?

我试图根据存储在 iframe 内的标签中的信息动态设置我的 Fancybox 对象的一些值,该 iframe 正在加载该标签。问题是,我似乎唯一一次可以从内容中获取正确的值(我几乎尝试了所有可能的回调组合)是在 afterShow 方法上。这会导致显示后重置的宽度和高度的跳跃过渡。

afterShow 方法之外的任何东西都没有给我正确的结果,即使是 beforeShow(这就是我想要的)。在显示花哨的盒子之前,是否有任何回调/jquery 组合可以实现这一点?谢谢!

0 投票
1 回答
1220 浏览

jquery - JQuery 全屏图库

我正在使用超大插件http://buildinternet.com/project/supersized/来获得全屏画廊。

它本身工作正常,但我只需要从一个花式框按钮和一个 esc 按钮隐藏和显示它。我正在使用fancybox 2,我也想实现全屏,所以我使用了超大尺寸。

问题是:如何在不影响其行为的情况下隐藏超大尺寸?

答案并不像您想象的那么简单,因为如果您尝试将 'display: none' 设置为 div#supersized 和其他相关 div,当您显示它时,图像的自动“适合”不起作用......

如果您设置“可见性:隐藏”,它似乎可以工作,但是当我想第一次看到第一张图像时,应该显示图像的框是完全白色的。

您可以查看我的测试站点,例如:http ://provaschiavello.altervista.org/Projects/STARFISH%20SQUARE%20|%20PIAZZA%20VITTORIO

有什么建议么?

0 投票
1 回答
3543 浏览

jquery - fancybox v2 中的动态 facebook like 按钮

fancybox v2 中的动态 facebook like 按钮

如何在图像标题后使用类似 fb 的按钮、tweet.G+按钮制作 fancybox v2,这是我的代码。我如何为每个图像制作不同的按钮。

0 投票
2 回答
5770 浏览

jquery - 自定义 FancyBox 的标题

我正在尝试自定义 FancyBox 2,使其在悬停在图像上时不显示标题属性。现在我设置它的方式是让组中的第一个图像显示在页面上,当您单击它时,fancybox 加载,您可以滚动查看其他图像。我不希望它们都显示在页面上,只显示第一张图像。我通过隐藏第一个之后的锚来做到这一点(我没有在 FancyBox 的网站上看到如何执行此操作的示例,所以这是我的第一个倾向并且它有效)

我的 HTML

我脑子里的剧本是

所以我的标题将是图像的长描述,所以我不希望它们在您将鼠标悬停在图像上时显示。我只需要修复第一张图像,因为其余的无论如何都被隐藏了。我发现这篇关于如何隐藏的帖子: 如何在使用 FancyBox 2.0 时从标题标签中隐藏悬停工具提示?

您可以在上面的代码中看到我正在尝试使用隐藏的 div,但是当我在 FancyBox 中滚动并返回到第一张图像时,它再次显示“标题”而不是“myCaption”。

我该怎么做呢?我是设计师,不是开发人员,所以请解释清楚。

更新:我觉得我没有很好地解释我的情况,所以我更新了我的网站以包含我的最新代码:mckernanms.com请注意,当您滚动浏览 Web 图像并返回第一个“标题”时"显示。其他画廊的第一张图片显示的是第一张网络图片的标题,这是错误的。

0 投票
2 回答
973 浏览

javascript - 使用 ajax 更改花式框的内容

我的菜单中有一个链接,它打开了一个带有一些 ajax 内容的幻想框。此框包含链接,例如fancybox 中显示的数据的菜单。我希望能够单击这些链接并更改fancybox的内容,但我所做的只是打开一个新框,这会使屏幕变白并变回,使它看起来像是在闪烁。

我尝试使用一系列内容字典来更改但无法加载其中的任何一个。我还在链接中添加了一个 rel,使其成为侧面带有箭头的专辑,因此我可以转到下一个/上一个,并且效果很好,除非那不是我想要的导航类型。必须可以通过链接来做同样的事情,但我不知道怎么做。谁能帮我这个?

编辑:我尝试过的一些东西的一个小jsfiddle 。