0

我在使用 Lightbox 2 时遇到了一点问题。我正在将它与另一个 jquery 插件WookMark混合使用。因此，我的缩略图涉及更多，看起来像这样：

<li data-filter-class='["digital", "mabel", "all"]'>
<a href="/illus/phpGallery_images/mabel0.jpg" data-lightbox="illustration" title="caption">
<div class="thumbnail"><img src="/illus/phpGallery_thumbs/tn_mabel0.jpg" />
<p>Caption</p><p class="tags">digital, mabel &amp; bruin</p>
</a>
</li>

结果，我的画廊将第一张图片显示为“2 of 68”，而它实际上是 34 个中的 1 个。“data-lightbox”不会在任何地方重复，并且仅在网页上出现 34 次。

您可以在此处查看我的工作页面：[已删除] ...作为测试，第一张图片有自己的 id，“单独”，您可以看到它显示“图片 2 of 2”

如果您能看一看，我将不胜感激！

4

1 回答 1

0

这是您的 html 的样子：

<li data-filter-class='["digital", "watch", "all"]'>
    <a href="/illus/phpGallery_images/peacockl_watch_design.jpg" data-lightbox="alone" title="caption">
        <div class="thumbnail"><img src="/illus/phpGallery_thumbs/tn_peacockl_watch_design.jpg" />
        <p>Caption</p>
        <p class="tags">digital, watch faces</p>
    </a>
</li>

应用书签后

  <li data-filter-class="['digital', 'watch', 'all']" style="display: list-item; position: absolute; top: 0px; left: 91px;">
    <a href="/illus/phpGallery_images/peacockl_watch_design.jpg" data-lightbox="alone" title="caption"></a>
    <div class="thumbnail">
        <a href="/illus/phpGallery_images/peacockl_watch_design.jpg" data-lightbox="alone" title="caption">
            <img src="/illus/phpGallery_thumbs/tn_peacockl_watch_design.jpg">
            <p>Caption</p><p class="tags">digital, watch faces</p>
        </a>
    </div>
  </li>

Lightbox 查找具有 data-lightbox 属性的元素。所以，你现在有两倍多。Wookmark 确实有一个包含可能有帮助的灯箱的示例：https ://github.com/GBKS/Wookmark-jQuery/blob/master/example-lightbox/index.html 。但是，我认为诀窍是在 Wookmark 之前启动灯箱。

于 2014-02-17T21:49:28.380 回答