2013-04-04 83 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