1

リスト内でシャドウボックスを使用する際に問題があります。シャドウボックスで使用しようとしている画像は、li タグ内にあります。リストの外側にある にシャドウボックスを実装しようとしましたが、正しく機能しています。

HTML:

<div id="gallery" class="content-2">
        <nav id="filter"></nav>
        <section id="container">
            <ul id="stage">
                <li data-tags="Print Design"><a rel="shadowbox" href="_img/shots/1.jpg"><img src="_img/shots/1.jpg" alt="Illustration" /></a></li>
                <li data-tags="Logo Design,Print Design"><a rel="shadowbox" href="_img/shots/2.jpg"><img src="_img/shots/2.jpg" alt="Illustration" /></a></li>
           </ul>
        </section>
</div>
4

1 に答える 1

0

はい、可能です。提示したHTMLが限られていることから判断すると、 jQuery Quicksandプラグインを使用しているように見えますか？

もしそうなら、このオンラインチュートリアルに基づいて私がしばらく前に作ったShadowboxをフィーチャーしたQuicksandデモをチェックしてください。

Quicksandを使用していなくても、 Shadowboxを期待どおりに機能させるための考え方は同じです。つまり、他のスクリプトShadowbox.setup();のコールバックプロセス中に実行されます。

基本的に、別のスクリプトがDOMを変更し、Shadowboxオブジェクトの他の要素を変更した後、Shadowboxは、を介してShadowboxキャッシュに手動で追加されるまで、新しいオブジェクトをキャッシュしませんShadowbox.setup()。

注：Shadowbox.clearCache();以前にキャッチされたリンクをフラッシュするために最初に実行する必要がある場合があります。そうしないと、複製されたオブジェクトが増殖し始めます。

.jsまた、特にShadowboxで使用するために、私が書いたチュートリアルコメントがたくさんあるので、必ずデモのファイルを開いてください。

于 2012-12-21T11:16:22.793 に答える