Colorbox上一页和下一页按钮未显示

时间:2013-04-12 13:42:30

标签: javascript jquery html colorbox

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

我正在使用colorbox在弹出窗口中显示图像,我的代码是:

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时,它显示的是正确的图像,但它没有显示上一个和下一个按钮在三者之间导航。有什么想法吗?

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

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

要了解有关z-index的更多信息,请单击以下链接:

Click Here for z-index