1

我在列表中使用 shadowbox 时遇到问题。我试图与 shadowbox 一起使用的图像位于 li 标签内。我试图在列表之外的 上实现 shadowbox，并且工作正常。

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 为特色的流沙演示。

即使你没有使用流沙，让 Shadowbox 像你期望的那样工作的想法是一样的：那就是在你的其他脚本Shadowbox.setup();的回调过程中运行。

基本上，在另一个脚本改变 DOM 并围绕 Shadowbox 对象的其他元素进行更改后，Shadowbox 不会缓存新对象，直到它们通过Shadowbox.setup().

注意：您可能必须先运行Shadowbox.clearCache();才能清除以前捕获的链接，否则您的克隆对象开始成倍增加。

另外，一定要打开演示.js文件，因为里面有很多我写的教程评论，专门用于 Shadowbox 的。

于 2012-12-21T11:16:22.793 回答