彩盒的几个问题

Question

前几天刚刚发现这个插件并试图使用它，但发现了一些非常奇怪的问题。

1. 打开时颜色框周围没有叠加
2. 没有下一个或上一个按钮
3. 图像编号比它们应该多1个（换句话说，图像1显示为18的图像2，实际上我正在运行的测试中只有17个图像）

代码是这样的：

$（'a'）。colorbox（{rel：'group1'，arrowKey：true，slideshow：true，slideshowAuto：false}）;

以及其中一张图片的示例是：

＆lt; a rel ='group1'href ='/ members / photo.php？id = 22'title ='the dogs'＆gt; ＆lt; img src ='/ userdocs / 6 / 2012-01-02 / thumb / dogs.jpg'width ='100'height ='100'title ='the dogs'/＆gt; ＆LT; / A＆GT;

Answer 1

1. （*）彩盒库附带一组（背景）图像。这些图像必须位于加载文件colorbox.css的文件夹的子文件夹“images”中。可以在/ colorbox / example1 / images /.
下载的存档中找到一组这些图像
2. 在colorbox JS之前加载colorbox CSS。
3. 在jQuery JS之后加载colorbox JS。

Answer 2

我遇到了同样问题，包装盒周围没有显示。当我在main.css之前移动对colorbox.css文件的引用时，它解决了这个问题。

确保将所需的图像和colorbox.css文件复制到与引用colorbox .js文件的位置相同的目录（例如jquery.colorbox.js）。基于各种示例有5个版本使用您喜欢的images文件夹和colorbox.css文件。并确保您在包含中正确引用了colorbox.css文件。