Question

在我的网站上，我正在尝试一些jquery滑块。我去jqueryscript.net上找到一个不错的滑块示例，将其复制，但通常它们不起作用，我真的不明白为什么。如果您能指出我的解决方案，那就太好了。另外，如果您认为还有比jquery更好的方法，请告诉我。

现在这是一个很好的例子： jQuery花式框演示在这里：https://www.jqueryscript.net/demo/Responsive-jQuery-Lightbox-With-Amazing-CSS3-Effects-Fancy-Box-2/demo/

当您单击“简单图像库”的图像时，将鼠标悬停在其上方时，打开的灯箱将带有箭头。

我已将此演示复制到了我的网站：https://www.hanscees.com/slider/fancy2/fancy2.html 如果您在此处执行相同操作，则没有箭头。

我的firefox / webdeveloper工具/控制台未显示任何错误。

为什么箭头没有显示？我已经确保所有css和js都位于文件夹和子文件夹中，如原始html源文件中一样。

这是firefox控制台（没有错误。）

但是chrome控制台确实显示了罪魁祸首

图像丢失了……（多么尴尬）

Answer 1

只需打开chrome的控制台，您就会看到丢失的文件：

https://www.hanscees.com/slider/fancy2/hccss/helpers/blank.gif
https://www.hanscees.com/slider/fancy2/hccss/helpers/fancybox_loading.gif
https://www.hanscees.com/slider/fancy2/hccss/helpers/fancybox_sprite.png
https://www.hanscees.com/slider/fancy2/hccss/helpers/fancybox_overlay.png
https://www.hanscees.com/slider/fancy2/fancybox_overlay.png

将这些文件上传到正确的路径，它将起作用

jQuery滑块花式框显示悬停箭头。但悬停时我网站上的副本缺少箭头

1 个答案: