1

私は 6 つのメイン サイトの基本構造を持つ Web サイトを手に入れました。各サイトにはいくつかのサブメニューがあります。これらのサブサイトは、iframe と JavaScript を介して現在のメイン ページに読み込まれます。これらのサブメニュー サイトにはたくさんの写真があり、Fancybox を試してみようと思いました。

CSS と JavaScript ファイルをサブメニュー サイトにロードし、次のように画像を定義しました。

<a class="fancybox-systa" data-fancybox-group="wat" href="pics/big/b1.jpg" title="Lorem ipsum dolor sit amet"><img src="pics/small/s1.jpg" alt="" /></a>

また、サイトに起動スクリプトを含めました。

<script type="text/javascript">
            $(document.ready(function() {
            $('.fancybox-systa').fancybox({
                helpers: {
                    title : {
                        type : 'inside'
                    }}});   
        });
    </script>
    <style type="text/css">
        .fancybox-custom .fancybox-skin {
            box-shadow: 0 0 50px #222;
        }
    </style>

それは正常に動作しますが、iframe にのみ影響します。小さな iframe コンパートメントだけでなく、ウィンドウ全体がフェードアウトするように、ギャラリーを親ウィンドウ全体に影響させたいと思います。

私はこのような関数を呼び出そうとしました:

$(parent.document.ready(function() {

および他の多くの同様の形式がありますが、残念ながら、それらのどれもうまくいきませんでした.

これに関するヒントをいただければ幸いです。

よろしく、アレックス

4

1 に答える 1

0

はい。FancyBox は、IFRAME に読み込まれたドキュメント内で使用できます。同じことがフレームにも発生します。したがって、どこでも初期化する必要があります。

于 2012-09-22T16:09:01.707 に答える