colorbox - colorbox的几个问题

Question

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

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

代码是这样的：

$('a').colorbox({ rel:'group1', arrowKey: true, slideshow: true, slideshowAuto: false });

其中一张图片的示例是：

<a rel='group1' href='/members/photo.php?id=22' title='the dogs'> <img src='/userdocs/6/2012-01-02/thumb/dogs.jpg'宽度='100' 高度='100' 标题='狗' /> </a>

Answer 1

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

Answer 2

我遇到了同样的问题，盒子周围的覆盖层没有显示出来。当我将对 colorbox.css 文件的引用移到 main.css 之前时，它解决了这个问题。

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