javascript - Lightbox2，由于额外的文本链接而导致计数错误？

Question

我正在使用 Lightbox2在一个相当标准的实现中:单击一系列中的图像(全部带有 rel="lightbox[gallery]")，它在 Lighbox 中打开，下一个/上一个箭头指向下一个和上一个该系列中的图像。我还有一个指向第一张图片并打开图库的文本链接(也使用 rel="lightbox[gallery]")。

问题是，出于某种原因，该文本链接在系列中算作图像。因此，当加载 6 个图片库时，它声称有 7 张图像(第一个计数两次)。更重要的是，它加载了 7 张图片中的第 2 张，跳过了第一张(无论如何都是重复的)。

如果我删除该文本链接，一切都很好。但是，当然，我不能。那么我有什么选择呢？我可以使用 javascript 来启动灯箱吗(这样链接就不算作图库中的图像)？无论如何，代码:

<script type="text/javascript" src="lightbox.js"></script>

<!-- THIS IS THE TEXT LINK. NOTE THAT IT IS IDENTICAL TO THE FIRST IMAGE LINK -->
<a href="first.jpg" title="I am image one of three" rel="lightbox[gallery]">View Gallery</a>

<!-- THESE ARE THE GALLERY IMAGES. NOTE THAT THERE ARE 6 OF THEM. WHEN GALLERY LOADS, IT WILL THINK THERE ARE 7 BECAUSE OF THE TEXT LINK ABOVE -->
<a href="first.jpg" title="I am image one of three" rel="lightbox[gallery]"><img src="first_sm.jpg"></a>
<a href="second.jpg" title="I am image two of three" rel="lightbox[gallery]"><img src="second_sm.jpg"></a>
<a href="third.jpg" title="I am image three of three" rel="lightbox[gallery]"><img src="third_sm.jpg"></a>
<a href="fourth.jpg" title="I am image four of three" rel="lightbox[gallery]"><img src="fourth_sm.jpg"></a>
<a href="fifth.jpg" title="I am image five of three" rel="lightbox[gallery]"><img src="fifth_sm.jpg"></a>
<a href="sixth.jpg" title="I am image six of three" rel="lightbox[gallery]"><img src="sixth_sm.jpg"></a>

Answer 1

想通了!我添加了一个 id到第一张图片:

<a id="first_img" href="first.jpg" title="I am image one of three" rel="lightbox[gallery]"><img src="first_sm.jpg"></a>

然后我将文本链接更改为 <span>用onClick像这样:

<span onclick="$('#first_img').click();">View Gallery</span>

我设置了 <span> 的样式看起来和行为都像一个链接，瞧!

(有时只需写下您的问题即可获得答案!)