2009-10-23 11 views
6

इम का उपयोग कर के रूप में निम्नानुसार एक div की पृष्ठभूमि छवि स्थापित करने के लिए JQuery का उपयोग कर:सेटिंग div पृष्ठभूमि छवि JQuery

$(document).ready(function() { 
    $('#pic').css("background","url(images/pic.jpg)"); 

}); 

लेकिन छवि प्रदर्शित नहीं होती है। इसे कैसे ठीक करें?

धन्यवाद।

उत्तर

1

काम करना चाहिए, लेकिन क्या आपने "पृष्ठभूमि" के बजाय "पृष्ठभूमि-छवि" का उपयोग करने का प्रयास किया है?

इसके अलावा, क्या आप अपने ब्राउज़र के माध्यम से छवि पर सही ढंग से नेविगेट कर सकते हैं? अर्थात। yourdomain/images/pic.jpg?

संपादित करें: इसके अलावा, क्या आपने div के लिए चौड़ाई और ऊंचाई निर्धारित की है? Div पृष्ठभूमि छवि के लिए स्वतः आकार बदल नहीं जाएगा।

+0

'पृष्ठभूमि' या 'पृष्ठभूमि-छवि' के साथ काम करना चाहिए। छवि को जांचकर, नेविगेट करके, हमेशा एक अच्छा विचार है। – belugabob

+0

चौड़ाई और ऊंचाई के बारे में अच्छी बात है, लेकिन मुझे लगता है कि शायद div के भीतर कुछ अन्य मार्कअप है जो इसे ऊंचाई और चौड़ाई देता है)। – belugabob

+0

इसलिए मैंने सवाल पूछा। – GenericTypeTea

8

शायद यह भी background साथ काम करता है, लेकिन मैं हमेशा उपयोग

background-image 

और यह भी मैं हमेशा उद्धरण पथ

$('#pic').css("background-image","url('images/pic.jpg')"); 
+0

'पृष्ठभूमि' या 'पृष्ठभूमि-छवि' के साथ काम करना चाहिए। उद्धरणों का उपयोग करने के लिए आवश्यक नहीं होना चाहिए। – belugabob

+0

यह नहीं होना चाहिए, लेकिन ऐसा लगता है कि यह ब्राउज़र के लिए है जो IE नहीं हैं। (+1) मुझे दर्द के घंटे बचा रहा है। – Bob

0

चारों ओर डाल यह शायद रिश्तेदार पथ मुद्दों के लिए नीचे है।

आपके द्वारा पोस्ट किए गए कोड वाले पृष्ठ के लिए पथ (यानी ब्राउज़र नेविगेशन बार में दिखाई देने वाला यूआरएल) क्या है? छवियों निर्देशिका के संबंध में यह कहां है?

इसका प्रबंधन करना एक दुःस्वप्न का थोड़ा सा हो सकता है, खासकर यदि आपने एकाधिक पृष्ठों में जावास्क्रिप्ट फ़ाइल शामिल की है, जो एक यूआरएल पदानुक्रम के भीतर विभिन्न स्तरों पर हैं।

इसे संभालने का बेहतर तरीका, एक सीएसएस फ़ाइल में एक वर्ग को परिभाषित करना है, छवि को यूएसएस को सीएसएस फ़ाइल के स्थान से संबंधित बनाते हैं, और उसके बाद व्यक्तिगत को सेट करने के बजाए कक्षा को अपने div पर लागू करें शैली विशेषताओं।

संबंधित मुद्दे