Я получаю 404 ошибки с изображениями Fancybox

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

На эти pngs есть ссылки в файле 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-адрес, который лучше использовать, иначе полный путь будет работать для вас.