2012-04-18 21 views
0

我想通過調用fancybox上的下一個方法來加載一個新的URL到iframe,但我一直無法讓它工作。 。使用iframe中的下一個[fancybox]

我知道我可以使用

父$ iframe中關閉的fancybox fancybox.close();

使用父母。$。fancybox.next(),但是不工作

有沒有規定這還是我做錯了什麼

<a href="javascript:void(0)" onclick="goToNext()">next</a> 

function goToNext() 
{ 
parent.$.fancybox.next() 

} 

我要導致這樣的即使將循環和showNavArrows選項設置爲true後,我也無法看到下一個和上一個按鈕以顯示

+0

parent。$。fancybox.next(); - 適用於我 – Janis 2012-04-18 14:05:33

+0

,類型設置爲'iframe'? – kayfun 2012-04-18 14:09:44

+0

當然。和v2 – Janis 2012-04-18 14:11:36

回答

0

在父頁面上,只需將相同的data-fancybox-group屬性(也使用HTML5 DOCTYPE)設置爲y我們的錨觸發的I幀的fancybox像:

<a href="page01.html" class="fancybox fancybox.iframe" data-fancybox-group="mygroup">open iframe 01</a> 
<a href="page02.html" class="fancybox fancybox.iframe" data-fancybox-group="mygroup">open iframe 02</a> 
<a href="page03.html" class="fancybox fancybox.iframe" data-fancybox-group="mygroup">open iframe 03</a> 

那麼的fancybox會自動顯示導航箭頭下一個/上的iframe之間移動。

在另一方面,你還可以使用手動方法畫廊的元素之間移動,但是parent.$.fancybox.next();只會工作,如果你已經設置了相同的data-fancybox-group屬性,否則的fancybox有沒有辦法知道哪一個是下一個該組的元素。

注意:這是用於fancybox v2.x