javascript - 颜色框上一个和下一个按钮未显示

Question

我一直在电子商务网站上展示产品图片，但是我遇到了一些麻烦。

我正在使用颜色框在弹出窗口中显示图像，我的代码是：

jQuery("a.largeImgPop").colorbox({opacity:0.4, rel:'largeImgPop', photo:true});

我的链接看起来像这样：

<a class="largeImgPop" href="/img1.jpg">test1</a>
<a class="largeImgPop" href="/img2.jpg">test2</a>
<a class="largeImgPop" href="/img3.jpg">test3</a>

当我单击 test1、test2 或 test3 时，它会显示正确的图像，但不会显示上一个和下一个按钮以在三者之间导航。有任何想法吗？

score 0 · Accepted Answer

我的猜测是你错过了这两件事中的一件。

未将彩盒图像复制到您的项目中

或者

将它们复制到您的项目中，但忘记更新 CSS 文件以将图像指向正确的位置。

score 0 · Accepted Answer

我没有看到上一个和下一个按钮的原因是因为 z-index。这些按钮隐藏在颜色框中显示的图像后面。为了解决这个问题，我增加了颜色框 css 中按钮的 z-index，然后将它们重新定位到我想要的位置

要了解有关 z-index 的更多信息，请单击下面：

2 回答 2