0

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

我知道我可以使用 iframe 关闭一个fancybox

父.$.fancybox.close();

使用 parent.$.fancybox.next() 但是不起作用

是否对此没有规定或者我做错了什么

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

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

}

我之所以这样做，是因为即使将 cyclic 和 showNavArrows 选项设置为 true，我也无法显示下一个和上一个按钮

4

1 回答 1

0

在父页面上，只需将相同的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 将自动显示导航箭头在下一个/上一个 iframe 之间移动。

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

注意：这是为 fancybox v2.x

于 2012-04-18T18:34:02.567 回答