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

jquery - 使用 Fancybox 在父项中回发

我一直在用fancybox 做一些测试,我们在工作中真正需要的是某种模式,在它关闭后它会在父页面中回发。我正在尝试使用fancybox,我已经阅读了其他主题并尝试以这种方式进行操作,但它不起作用,它甚至没有进入事件,因为警报没有出现:

我也尝试过这样做,__doPostBack()但也没有成功。有人能帮我吗?

0 投票
1 回答
1816 浏览

jquery - 如何在不使用叠加层的情况下单击我的页面来关闭花式框:true

当我在fancybox 内容之外单击时,如何关闭fancybox http://fancyapps.com/fancybox/ 。我可以使用叠加:true,但我希望在fancybox 打开时仍然能够单击另一个图像。

我试过这段代码,但它完全取消了fancybox的打开。

0 投票
1 回答
575 浏览

javascript - 当滚动条出现时,FancyBox2 导致 Firefox 13 移动 div

嘿,所以我有一个问题(当然)。我有一个使用 Jquery FancyBox2 的基本 php 站点(php 部分不重要)。我正要向承包商演示网站的 alpha 版本,但我有一个障碍。当执行 FancyBox2 Jquery 时,在 Firefox 13(并且只有 Firefox,而不是最新版本的 IE、Opera 或 Chrome)中,该框弹出正常,但会弹出相应的整个父文档 y 滚动条,并将整个站点像左一样关闭:-10 px,当您关闭 FancyBox2 实例时,它会恢复正常。当空白 y 滚动条出现 FancyBox2 实例时,似乎没有其他浏览器会移动站点内容。我不想发生这种情况?下面是一些基本代码:

CSS:是的,它有点超载,忽略错误并专注于手头的问题,后端和设计的 alpha 阶段。

php: FancyBox2 在本网站中的调用示例。

js:我如何称呼 FancyBox2

0 投票
2 回答
1337 浏览

jquery - fancybox iframe 内容和谷歌搜索

我的网站上有一个页面,列出了所有项目的拇指。单击特定拇指(项目)时,Fancybox 会在 iframe 中加载项目的详细信息。一切都很好!(iframe 中的内容不包括导航、标题和其他网站元素。)

我遇到的问题是 Google 搜索结果页面 - Google 为所有详细信息页面编制了索引,现在当用户单击 Google 结果中的链接时,详细信息内容页面会在浏览器中打开(而不是 Fancybox iframe)。这很糟糕,因为详细信息页面不包括导航页面。

任何用户友好的解决方案?

0 投票
1 回答
755 浏览

jquery - 将 fancybox 升级到 2.1 后,图像的默认高度为 100px

所有图像的高度为 100 像素,屏幕顶部的自动宽度 - 不居中(图像高于 100 像素)。这发生在我今天升级到最新版本 2.1 时。这是最新版本中的错误吗?

使用调整大小按钮时大小似乎是正确的 - 但仍然没有垂直居中。

0 投票
1 回答
2233 浏览

jquery - jQuery Expander + Fancybox 隐藏图片

我正在使用 jquery.expander.js 插件和fancybox 来显示带有图像的新闻文章摘要,但是通过单击图像激活fancybox 后,原始图像被隐藏了。

我在这里设置了一个示例:http: //tria.com/test.htm

知道如何解决这个问题吗?我试图让 fancybox 停止用占位符替换图像,但没有成功。

0 投票
3 回答
2317 浏览

jquery - 为什么 FancyBox 窗口大小不调整?

我在此页面上使用 FancyBox 2:http ://encoreazalea.com/ee/botanical-gardens在弹出窗口中显示 Google 地图。

窗口很好,但所有地图都有滚动条。我已尝试调整显示窗口的大小,但它似乎无法正确响应我发送的说明。

这是HTML:

这是jQuery:

无论我在窗口中设置什么宽度和高度,总是以相同的大小显示,并且地图周围有滚动条。

我的目标是摆脱滚动条。

谢谢。

0 投票
2 回答
5408 浏览

jquery - Fancybox 2 不适用于 jQuery 1.7.2

我正在尝试使任何 Lightbox 类型的代码都能正常工作,但它似乎不适用于 jQuery 1.7.2 。我基本上是在 iFrame 中制作表格。当有人点击横幅时,它会在灯箱中打开一个选择表单,他们可以注册邮件列表。我目前正在使用 Fancybox 2,当我使用时它看起来很漂亮:

但是当我恢复到:

它不再起作用了。我想也许我可以在网站上使用 1.7 版本,但是当我这样做时,它会导致首页上的图片幻灯片停止工作。

现在,我用 jQuery 1.7.2 和 1.8 做了一个 JSFiddle,它们都可以工作。所以现在我不知道是什么导致了这个问题。需要明确的是,我正在使用 XAMPP 在我的计算机上测试该站点,而无需任何其他代码或插件,以避免在我最初测试它时发生冲突。我知道这不是一个可以用 jQuery.noConflict 解决的问题,因为它不能在代码干净的页面上工作。

这是我用来测试功能的代码:

有任何想法吗?

编辑

我发现它与 WP 包含文件和幻灯片有关。幻灯片仅在我使用<script type='text/javascript' src='http://www.ncfitclub.net/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>. 如果我使用版本 1.7.2 或 1.8 或直接从 jQuery.com 链接的任何其他版本,它不起作用。我想知道代码中是否有一些相关链接?

编辑

以下是链接:

http://www.miller-media.com/sites/ncfit/index.html(这有 WP 包含 JS 文件。您会注意到幻灯片工作正常,但如果您单击右上角的横幅,其中有附加的fancybox代码,它只是将您链接到不在fancybox中的页面)

http://www.miller-media.com/sites/ncfit/index2.html(这是来自 jquery.com 的 JS 调用,带有相同版本的 jquery(1.7.2)。幻灯片不再有效,但如果你点击右上角的横幅,fancybox 就可以工作)

0 投票
1 回答
986 浏览

jquery - 如何控制 Fancybox Gallery 的流向?

我有 Fancybox 2.0 在这里工作:http: //discovermonroeville.com/photo-gallery

我唯一的问题 - 我无法在文档中找到答案是如何让画廊图像从左到右而不是从上到下流动?

编码:

0 投票
1 回答
144 浏览

javascript - 当有许多表单时,Fancybox 脚本不起作用

我有很多表格:

php代码之类的

单击此提交后,我希望将表单提交数据传输到 Fancybox。使用此代码

它正在工作,但相同的窗口!!!!必须是不同的数据。而且使用fancybox ajax 非常慢!!w!!使用上面线程中建议的方法,代码到底是什么?