ファンシーボックスの画像で404エラーが発生しました

Question

ログに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ファイルに絶対パスを入れることです。他のアイデア？

Answer 1

あなたのURLは、実行された場所からディレクトリを探しています。相対URL（兄弟ディレクトリの場合は../imagename.png）を変更するか、画像に絶対パスを指定してください。

あなたのスクリプトがjs/fancyboxから実行され、/fancybox/image.pngのようなイメージを指定すると、js/fancybox/fancybox/image.pngのイメージが検索されます。イメージがスクリプトボックスに入っているfancyboxフォルダに直接入っている場合は、イメージ名を指定して相対パスを前に付けないでください。あなたのディレクトリ構造を指定すると、より良い相対URLを使用できます。そうしないと、完全修飾パスが有効になります。