问题标签 [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 回答
1487 浏览

javascript - 在 Fancybox 中加载 Twitter 推文按钮对话框

我正在尝试使用Twitter 推文按钮的iframe 样式打开一个性感的花式对话框。

然后一点...

我只是得到一个加载动画。使用fancybox 2.0.6

0 投票
0 回答
645 浏览

jquery - Fancyapps (fancybox) 在 ('click') 触发器上杀死 jQuery

我在这个网站上解决了许多问题和解决方案,但没有一个对我有用。

软件: jQuery v1.7.2 fancybox v2.0.6

我有一个隐藏的 div,里面有另一个,我使用 jQuery 插件 fileTree 显示一个文件管理器。单击浏览图标时,此功能 100% 有效。

我现在尝试在单击浏览图标时在fancybox 中显示文件管理器div。这只适用于第一次。on('click') 函数不会记录此后的任何点击。

但是,如果我删除了 fancybox 块中的“href:myID”行,它每次都有效。因此,fancybox href 函数中的某些内容正在杀死 on('click') 触发器。

我已将其追溯到 myID 的 DOM 声明,然后仅当单击的浏览图标位于同一父结构中时。

任何想法都会受到欢迎,因为我花了很多时间来找出错误。

HTML:

jQuery:

0 投票
1 回答
612 浏览

jquery - Fancybox 正在显示所有画廊图像

我正在使用花哨的框 2,但是当我单击链接打开幻灯片时,所有图像都会立即显示。有时它会添加一个滚动条....见下面的代码

http://jsfiddle.net/Tx3AF/

抱歉,我无法添加fancyboox JS 来显示画廊。任何帮助将不胜感激...我在互联网上搜索过,但没有运气...

谢谢。

0 投票
1 回答
394 浏览

javascript - 带有 json imagegroup 的 Fancybox2 不显示下一张图片

我想将我的画廊更新到 fancybox 2。在 1.3.4 版本一切正常之前,现在无法在幻灯片中显示下一张图片。它总是首先显示。但是,如果我前后返回,那么一切正常。

看这里: http: //f.cl.ly/items/3Z1W0t2Z0U1U39452Z1a/fancybox_error.m4v

json文件看起来像

0 投票
0 回答
3880 浏览

jquery - 如何动态调整fancybox高度

新的 fancybox [v2] 有一个函数 $.fancybox.update() 可以在浏览器调整大小时改变 fancybox 的宽度

但是我如何动态改变高度?

这是我的定义

0 投票
1 回答
517 浏览

grails - Grails 2.0 问题渲染 FancyBox

使用 Grails 2.0.4 和 FancyBox 2。

我正在尝试在 grails 框架的模式或对话框弹出窗口中呈现 html。目前我正在尝试使用 FancyBox 2 来执行此操作。但是我似乎无法渲染 fancybox。这是我目前拥有的。

控制器:

}

从 gsp 中发挥作用:

通过单击顶部链接,我最终收到以下错误:未捕获错误:语法错误,无法识别的表达式:/ModalTest/test/createResult

有没有人对如何让它与 grails 一起工作或有另一个可以通过使用控制器工作的对话框/模态解决方案有任何建议?

先感谢您。

0 投票
2 回答
4333 浏览

jquery - Fancybox 2 标题中的链接

我正在使用 Fancybox 2 生成画廊。除了文字之外,如有必要,我还想在照片的标题中添加链接。

这是我想在标题中包含链接的页面:http: //catjohnson.co.uk/weddings

通过简单地在其中添加一个 html 链接(按照这个答案:在 Prettyphoto.js 或 Fancybox...如何在标题中添加链接)它会破坏画廊中的照片。

我试过关注这个http://jsfiddle.net/FWTZA/虽然它有效,但我失去了我的风格。

我似乎无法让我的样式与 js fiddle 代码集成......这是我现在正在做的事情,它正在工作:

我希望这是有道理的!

谢谢参观!

马丁:)

0 投票
0 回答
2589 浏览

jquery - fancyBox 2 动态宽度和高度

我有一个页面,其中有一个链接可以打开带有 fancyBox 的 iFrame(我使用的是 fancyBox 2)。iFrame 中包含的内容的宽度和高度会有所不同,因此我需要 iFrame 的宽度和高度是动态的。我不希望出现滚动条。我希望使用链接引用的内容的确切宽度和高度生成 fancyBox(在本例中为 Cruise-compare.html 页面)。

这是我正在谈论的与此问题相关的页面中的 HTML:

这是一个 HTML 示例,它位于 iframe 内的 Cruise-compare.html 页面的 body 标记内:

这是我的 fancyBox javascript 现在的样子(这个脚本被原始页面引用):

我知道我需要删除上面提供的 fancyBox 脚本中的宽度和高度参数,但我不知道如何让生成的 fancyBox 具有 Cruise-compare.html 页面内容的宽度和高度。

我看到了这个类似的问题(Fancybox 2 Dynamic Width Based on Content Size),但我不知道如何使它在我的情况下正常工作(他们做的事情与我有点不同)。

谁能告诉我该怎么做才能使这项工作以我试图使其工作的方式工作?

0 投票
0 回答
1654 浏览

iframe - 预加载fancybox iframe

我有一个fancybox iframe,有没有办法在点击打开链接之前预加载iframe的内容?iframe 内容是脚本,而不是图像。

脚本:

HTML:

谢谢!

0 投票
1 回答
1591 浏览

jquery - jQuery fancybox ajax function issue with firefox and chrome browser

I have jQuery Fancybox 2 plugin from fancybox.net and I created a multiple links loop id records from database using fancybox.ajax as class look like this...

and my javascript code...

In IE and Safari it works great without any problems but I got a problem in Chrome and Firefox (14.0.1) The problem is when I click X button the fancybox is closed but when I open same fancybox.ajax again the backgroud opacity get darker and I try to close fancybox again the content is closed but the background is still dark. I have to click on the dark background again to close opacity effect. So, I try to open same fancybox.ajax same link again third time and I got background more darker than second time.

Btw. others fancybox function is ok only problem with ajax function.