我一直在电子商务网站上展示产品的图片,但我遇到了一些麻烦。
我正在使用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时,它显示的是正确的图像,但它没有显示上一个和下一个按钮在三者之间导航。有什么想法吗?
答案 0 :(得分:0)
我的猜测是你错过了这两件事中的一件。
未将彩盒图像复制到项目中
或
将它们复制到您的项目中但忘记更新CSS文件以将图像指向正确的位置。
答案 1 :(得分:0)
我没有看到上一个和下一个按钮的原因是因为z-index。按钮隐藏在彩色框中显示的图像后面。为了解决这个问题,我增加了colorbox css中按钮的z-index,然后将它们重新定位到我想要的位置
要了解有关z-index的更多信息,请单击以下链接: