2012-04-18 23 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