Question

我的日志中遇到404错误，与fancybox有关。

/products/product1/fancybox/fancy_shadow_se.png
/products/product1/fancybox/fancy_shadow_ne.png
/products/product1/fancybox/fancy_shadow_n.png
/products/product1/fancybox/fancy_nav_right.png
/products/product1/fancybox/fancy_close.png

这些png都在fancybox css文件中引用。例如：

.fancybox-ie #fancy-bg-n    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

我在这个位置安装了fancybox：

/js/fancybox/

这个盒子出现的很漂亮。

那有什么不对？我无法弄清楚。 CSS看起来正确，我想我已经将它安装在正确的位置。一个不正确的解决方案是将绝对路径放在CSS文件中。还有其他想法吗？

Answer 1

您的网址正在寻找执行目录的目录。要么改变你的相对网址（../imagename.png，如果它只是一个兄弟目录），要么提供你的图像的绝对路径。

为了澄清一下，如果您的脚本是从js / fancybox执行的，并且您指定了像/fancybox/image.png这样的图像，它将在js / fancybox / fancybox / image.png中查找该图像。如果图像直接位于脚本所在的fancybox文件夹中，则只需指定图像名称，不要在其前面添加任何相对路径。如果您指定目录结构，我可以为您提供更好的相对URL，否则完全限定的路径将适合您。

我用Fancybox图像得到404错误

1 个答案: