Fancybox 图像出现 404 错误答案

【问题标题】：I'm getting 404 errors with Fancybox imagesFancybox 图像出现 404 错误
【发布时间】：2011-09-29 07:06:17
【问题描述】：

我的日志中出现与 fancybox 相关的 404 错误。

/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 文件中。还有其他想法吗？

【问题讨论】：

标签： jquery css fancybox http-status-code-404

【解决方案1】：

您的 url 正在寻找执行它的目录。更改您的相对 url（../imagename.png 如果它只是同级目录）或提供图像的绝对路径。

澄清一下，如果您的脚本是从 js/fancybox 执行的，并且您指定了像 /fancybox/image.png 这样的图像，它将在 js/fancybox/fancybox/image.png 中查找图像。如果图像直接在您的脚本所在的 fancybox 文件夹中，只需指定图像名称，不要在其前面加上任何相对路径。如果你指定你的目录结构，我可以给你一个更好的相对 url 来使用，否则完全限定的路径会为你工作。

【讨论】：