मुझे फैंक्सबॉक्स छवियों के साथ 404 त्रुटियां मिल रही हैं

Question

मुझे अपने लॉग में 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 

ये पीएनजी सभी फैंक्सबॉक्स सीएसएस फ़ाइल में संदर्भित हैं। उदाहरण के लिए:

.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/ 

बॉक्स को सब अच्छा आता है और सुंदर।

तो क्या गलत है? मेरे द्वारा इसका निर्धारण नहीं किया जा सकता। सीएसएस सही दिखता है और मुझे लगता है कि मैंने इसे सही जगह पर स्थापित किया है। एक गलत समाधान सीएसएस फ़ाइल में पूर्ण पथ डालना होगा। कोई अन्य विचार?

Answer 1

आपका यूआरएल एक निर्देशिका की तलाश में है जहां से इसे निष्पादित किया गया है। या तो अपने रिश्तेदार यूआरएल को बदलें (../imagename.png अगर यह सिर्फ एक भाई निर्देशिका है) या अपनी छवियों के लिए एक पूर्ण पथ प्रदान करें।

स्पष्टीकरण के लिए, यदि आपकी स्क्रिप्ट जेएस/फैंक्सबॉक्स से निष्पादित हो रही है और आप /fancybox/image.png जैसी छवि निर्दिष्ट करते हैं तो यह जेएस/फैंक्सबॉक्स/फैंक्सबॉक्स/image.png में छवि को देखेगा। अगर छवि सीधे आपकी स्क्रिप्ट में मौजूद फैंक्सबॉक्स फ़ोल्डर में है, तो बस छवि का नाम निर्दिष्ट करें और इसे किसी भी सापेक्ष पथ से प्रीपेड न करें। यदि आप अपनी निर्देशिका संरचना निर्दिष्ट करते हैं, तो मैं आपको उपयोग करने के लिए एक बेहतर सापेक्ष यूआरएल दे सकता हूं, अन्यथा पूरी तरह योग्यता प्राप्त पथ आपके लिए काम करेगा।