次のリンクがあるとしましょう:
<p><a class='iframe' href="iframe.html">Outside Webpage (Iframe)</a></p>
そしてスクリプト:
$(".iframe").colorbox({iframe:true, width:"800px", height:"600px"});
そのiframe.html
iIには別のカラーボックスリンクがあります:
<a class="group1" href="../content/ohoopee1.jpg">Grouped Photo 1</a>
:
$(".group1").colorbox({rel:'group1', width:"800px", height:"600px"});
これで、2番目のカラーボックスコンテンツが最初のカラーボックスコンテンツに表示されます。カラーボックスは「ネスト」されています:
そのiframeから呼び出されたカラーボックスが最初のカラーボックスの上にポップアップする可能性はありますか?最初のカラーボックスをカバーし、2番目のカラーボックスを閉じたときにもう一度表示したいと思います。
私は英語が母国語ではないので、私が達成したいことを理解していただければ幸いです。私の目標を説明するのは少し複雑に思えます。