0

私は自分のページで Shadowbox を使用しています: http://www.shadowbox-js.com/index.html

同じページの 2 つの別々の Web ユーザー コントロールに 2 つのリンクがあり、2 つの異なるページを開く必要があります。

以下の関数を使用してシャドウボックスを初期化しています:

function InitializeShadowbox() {           
            Shadowbox.init({
                onOpen: shadowboxOpen,
                onFinish: shadowboxFinish,
                onClose: shadowboxClose,
                modal: true
            });
            // this will cause the shadowbox to setup itself again after a partial porstback.
            Shadowbox.setup();
        }

しかし、問題は、Shadowbox.init() 関数が静的クラスの静的関数であるため、異なる初期化子を使用して複数のシャドウボックス リンクを設定することはできないようです。

シャドウボックスの新しいインスタンスを作成し、それに名前を付けて操作できたらいいのにと思います。

以下のように一意に初期化する必要がありますが、機能しません。

function InitializeShadowbox() {           
            Shadowbox[customLink].init({
                onOpen: shadowboxOpen,
                onFinish: shadowboxFinish,
                onClose: shadowboxClose,
                modal: true
            });
            // this will cause the shadowbox to setup itself again after a partial porstback.
            Shadowbox[customLink].setup();
        }

更新: カスタム初期化が追加されました。

ありがとう

4

1 に答える 1

0

機能が組み込まれています。各リンクまたはグループに一意の名前を付けるだけです。

<a href="http://www.google.com/intl/en_com/images/srpr/logo3w.png" rel="shadowbox[group1]">
   Google Logo
</a>
<a href="http://www.google.com/intl/en_com/images/srpr/logo3w.png" rel="shadowbox[group1]">
   Google Logo
</a>

<a href="http://l.yimg.com/a/i/ww/met/yahoo_logo_us_061509.png" rel="shadowbox[yahooLogo]">
   Yahoo Logo
</a>
于 2011-10-13T14:54:45.537 に答える