jQuery का पता लगाने सीएसएस पृष्ठभूमि-छवि खत्म डाउनलोड

Question

मैं एक छवि डाउनलोड करने की कोशिश कर रहा हूं, फिर सीएसएस background-image का उपयोग करके एक फीका लागू करें।
मैं ऐसा कर सकते हैं जब यह एक नियमित रूप से <img src=''/> इसलिए की तरह है:

#mainImg {display:none} 

var c = $('#mainImg'); 
$(new Image()).load(function(){ 
    c.fadeIn(300); 
}).attr('src', c.attr('src')); 

लेकिन यह कैसे मैं इसे जब यह एक css background है पता लगा सकते हैं?
यहाँ jQuery का उपयोग कर सीएसएस है, लेकिन मैं नहीं कर सकते यह बाहर की मदद की जब डाउनलोड

$('<img/>').attr('src', 'image.png').load(function() { 
    $('#mainImg').css('background-image', 'url(image.png)'); 
}); 

संपादित समाप्त हो गया है यह कोड की तरह ऊपर हो और पता लगाने के लिए लग रहे हैं! How can I check if a background image is loaded? आप @colin

Answer 1

मैं अस्थायी रूप से div करने के लिए एक छिपे हुए बच्चे छवि जोड़कर, तो इसकी माता पिता की backround छवि स्थापित करने और में fading, जब बच्चे छवि लोड गतिविधि सक्रिय है द्वारा ऐसा करने के बाद से पहले धन्यवाद। चीजों को साफ रखने के लिए, बाद में बच्चे की छवि को हटाने के लिए सबसे अच्छा! आप बस छवि को कहीं भी जोड़ सकते हैं, लेकिन यह एक मैपिंग एप्लिकेशन था और मुझे अपने माता-पिता divs से जुड़े चित्रों को रखना था!