jQuery檢測css背景圖像完成下載

Question

我想下載一個圖像，然後使用css background-image應用淡入淡出。
我可以做到這一點時，它是一個普通的<img src=''/>像這樣：

#mainImg {display:none} 

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

但我怎麼可以檢測到它時，它是一個css background？
這裏的CSS使用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，然後設置其母公司的底色形象和衰落，當孩子圖像的load事件觸發之前做到了這一點。之後最好刪除孩子圖片，保持整潔！你可以在任何地方追加圖像，但這是一個地圖應用程序，我必須保持與他們的父div的圖像相關聯！