0

fancybox で next メソッドを呼び出して、新しい 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

親ページで、次のようなfancybox iframeをトリガーするアンカーに同じdata-fancybox-group属性を設定します(HTML5 DOCTYPEも使用します)。

<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はグループの次の要素がどれであるかを知る手段がありません。

注:これはfancyboxv2.x用です

于 2012-04-18T18:34:02.567 に答える