Lightbox2 下一个箭头在组的第一个图像之后消失

Question

我有 3 张照片想 link 在我的照片库中。因此，当我单击其中一个图像时，它应该有下一个和上一个箭头，允许用户转到另一个图像。我的 lightbox2 代码如下。

<a href="my/path/images/image1.jpg" data-lightbox="roadtrip" data-title="My caption">
<img src="my/path/thumbnails/thumb1.jpg" alt="Surfing"/>
</a>
<a href="my/path/images/image2.jpg" data-lightbox="roadtrip" data-title="My caption">
<img src="my/path/thumbnails/thumb2.jpg" alt="Lifeguard Stand"/>
</a>
<a href="my/path/images/image3.jpg" data-lightbox="roadtrip" data-title="My caption">
<img src="my/path/thumbnails/thumb3.jpg" alt="Hot Air Balloons"/>
</a>

所以现在当我运行代码时，在第一张图片中会有一个 link 指向第二张图片的下一个箭头。但是，当用户在第二张图片中时，只有上一个箭头而没有下一个箭头。但我希望两个箭头都出现。

如果有人知道如何解决这个问题，请告诉我。赞赏！

Answer 1

好的，所以我自己找到了答案，下面是许多可能遇到同样问题的人的答案。

只需更改 lightbox.css 中 .lb-nav a.lb-prev 的宽度，它应该可以工作。我将其从 64% 更改为 50%，然后出现下一个箭头。

我没有时间深入探究根本原因是什么，但这个解决方案确实有效。如果有人知道那里到底发生了什么，请随时发表评论或回答。赞赏！

Lightbox2 下一个箭头在组的第一个图像之后消失

Lightbox2 next arrow disappears after the first image of the group

html

javascript

css

jquery

lightbox