彩盒边框图片不会加载

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期望它所需的图像（而不是图像）位于文件夹图像中，该图像是存储CSS文件的目录的子目录。