1

次のリンクがあるとしましょう:

<p><a class='iframe' href="iframe.html">Outside Webpage (Iframe)</a></p>

そしてスクリプト:

$(".iframe").colorbox({iframe:true, width:"800px", height:"600px"});

そのiframe.htmliIには別のカラーボックスリンクがあります:

<a class="group1" href="../content/ohoopee1.jpg">Grouped Photo 1</a>

$(".group1").colorbox({rel:'group1', width:"800px", height:"600px"});

これで、2番目のカラーボックスコンテンツが最初のカラーボックスコンテンツに表示されます。カラーボックスは「ネスト」されています:

ここに画像の説明を入力してください

そのiframeから呼び出されたカラーボックスが最初のカラーボックスの上にポップアップする可能性はありますか?最初のカラーボックスをカバーし、2番目のカラーボックスを閉じたときにもう一度表示したいと思います。

私は英語が母国語ではないので、私が達成したいことを理解していただければ幸いです。私の目標を説明するのは少し複雑に思えます。

4

1 に答える 1

3

ドキュメント内で開いているカラーボックスのインスタンスは1つだけであるため、最初のインスタンスをポップすることはできません。最初のインスタンスのみを置き換えることができます。2番目を閉じるときに最初に再度開くには、colorboxのcloseメソッドを置き換える短いスクリプトを記述して、代わりに別のアクションを実行する必要があります。

于 2013-02-15T07:27:30.900 に答える