Question

我正在尝试通过调用fancybox上的下一个方法将新URL加载到Iframe，但我无法让它工作。

我知道我可以使用

关闭iframe中的fancybox

父$ fancybox.close（）;

使用parent。$。fancybox.next（）但不起作用

没有这方面的规定，或者我做错了什么

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

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

}

我得到这样做，因为即使在将循环和showNavArrows选项设置为true之后我也无法显示下一个和上一个按钮

Answer 1

在父页面上，只需将相同的data-fancybox-group属性（也使用HTML5 DOCTYPE）设置为触发fancybox iframe的锚点：

<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会自动显示导航箭头，以便在next / prev iframe之间移动。

另一方面，您仍然可以使用手动方法在图库的元素之间移动，但是parent.$.fancybox.next();只有在您设置了相同的data-fancybox-group属性时才有效，否则fancybox没有办法知道哪一个是该组的下一个元素。

注意：这适用于fancybox v2.x

在iframe中使用next [fancybox]

1 个答案: