2013-04-04 50 views
1

有人可以解释通过iframe和Ajax将内容加载到Fancybox中的区别吗?Fancybox jQuery:iframe vs ajax

此外,是否有可能有一个画廊(例如rel =“gallery”)与iframed或Ajax的内容?

谢谢。

回答

3

当您使用iframe模式时,打开的页面将作为完全分离且独立的来自调用页面的页面,并且可能具有自己的结构,功能和样式。你可以跳过在fancybox中打开页面并在新窗口/标签中打开它。

另一方面,使用ajax模式,打开的内容成为调用页面DOM结构的一部分(通常作为html元素,如<div>),并且可以继承调用页面的样式,功能和属性。

关于:

is it possible to have a gallery (e.g. rel="gallery") with either 
iframed or Ajax'ed content? 

...答案是肯定的。您可以将放在同一个 fancybox图库,图片,swf对象,内嵌内容(来自隐藏的<div>),youtube视频,ajax内容,iframed页面,pdf文档以及脚本中的硬编码自定义内容中。

这里的is an example画廊,结合图像和youtube视频。

+0

感谢您的好解释。关于第二部分,我想如果没有使用锚,画廊就不可能工作。这里是一个[示例](http://jsfiddle.net/skube/8apMv/1/) – skube 2013-04-05 13:42:04

+0

虽然,我注意到我可以导航next/prev,当我不从第一个(非锚点)启动fancybox时,链接。 – skube 2013-04-05 14:00:58

+0

@skube:如果您想要使用锚点以外的元素,请在所有元素(包括可能属于同一个图库的任何锚点)中使用“data-fancybox-group”属性而不是“rel”。 – JFK 2013-04-05 15:37:41