colorbox 边框图像不会加载

Question

我正在使用 jquery 和 colorbox

这是我的脚本标签：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>


<script src="js/libs/jquery.colorbox-min.js"></script>

也使用colorbox.css 样式表。

我的问题是，当我在浏览器中测试我的网站时，示例附带的颜色框边框图像没有加载。 colorbox 的所有功能都可以正常工作；但是我从颜色框示例复制到我的图像文件夹中的图像将不会加载。当我在 Chrome 中查看控制台时，我会收到以下消息：

Failed to load resource: website/css/images/border1.png

Failed to load resource: website/css/images/border2.png

但我所有的其他图像仍然显示得很好。

为什么会这样？？

我是不是做错了什么？

Answer 1

可能是您在不让 ColorBox 插件知道的情况下重新定位了图像。或者您实际上并未将图像移动到 ColorBox 期望的位置。

仔细检查插件的 CSS 文件。默认情况下，ColorBox 期望它需要的图像（不是您的图像）位于 images 文件夹中，该文件夹是存储 CSS 文件的目录的子目录。