Otrzymuję błędy 404 z obrazami z Fancybox

Question

Otrzymuję 404 błędy w moim dzienniku związane z 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 

Wszystkie te png są wymienione w pliku css fancybox. Na przykład:

.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'); } 

Mam fancybox zainstalowany w tym miejscu:

/js/fancybox/ 

okno pojawia się wszystko ładnie i ładna.

Co jest nie tak? Nie mogę tego rozgryźć. CSS wygląda dobrze i myślę, że zainstalowałem go we właściwym miejscu. Nieprawidłowym rozwiązaniem byłoby umieszczenie bezwzględnych ścieżek w pliku CSS. Jakieś inne pomysły?

Answer 1

Twój adres URL szuka katalogu, z którego został wykonany. Zmień względny adres URL (../imagename.png, jeśli jest to tylko katalog rodzeństwa) lub podaj bezwzględną ścieżkę do zdjęć.

Aby wyjaśnić, czy skrypt wykonuje z js/fancybox i określasz obraz taki jak /fancybox/image.png, będzie szukał obrazu w js/fancybox/fancybox/image.png. Jeśli obraz znajduje się bezpośrednio w folderze fancybox, w którym znajduje się skrypt, wystarczy podać nazwę obrazu i nie dodawać do niego żadnej względnej ścieżki. Jeśli podasz swoją strukturę katalogów, mogę podać ci lepszy adres URL do użycia, w przeciwnym razie w pełni kwalifikowana ścieżka będzie dla ciebie działać.