Tôi gặp lỗi 404 với hình ảnh Fancybox

Question

Tôi nhận được lỗi 404 trong nhật ký của mình phải làm với 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 

Các png này đều được tham chiếu trong tệp css fancybox. Ví dụ:

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

Tôi đã Fancybox lắp đặt tại vị trí này:

/js/fancybox/ 

Hộp đi lên tất cả tốt đẹp và khá.

Vì vậy, có gì sai? Tôi không thể hiểu được. CSS có vẻ đúng và tôi nghĩ rằng tôi đã cài đặt nó ở đúng vị trí. Một giải pháp không chính xác sẽ là đặt đường dẫn tuyệt đối trong tệp CSS. Bất kỳ ý tưởng nào khác?

Answer 1

Url của bạn đang tìm kiếm một thư mục nơi nó được thực hiện. Thay đổi url tương đối của bạn (../imagename.png nếu đó chỉ là thư mục anh chị em) hoặc cung cấp đường dẫn tuyệt đối cho hình ảnh của bạn.

Để làm rõ, nếu tập lệnh của bạn đang thực thi từ js/fancybox và bạn chỉ định một hình ảnh như /fancybox/image.png, nó sẽ tìm kiếm hình ảnh trong js/fancybox/fancybox/image.png. Nếu hình ảnh trực tiếp trong thư mục fancybox mà tập lệnh của bạn đang ở, chỉ cần chỉ định tên hình ảnh và không thêm nó vào trước với bất kỳ đường dẫn tương đối nào. Nếu bạn chỉ định cấu trúc thư mục của mình, tôi có thể cung cấp cho bạn một url tương đối tốt hơn để sử dụng, nếu không, đường dẫn đầy đủ sẽ làm việc cho bạn.