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ときにどのように私はそれを検出することができますか？ここ
はjQueryのを使用して、CSSのですが、私はこれが手伝っ編集ダウンロードが終了し

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

上記のコードのようにそれを取得し、検出するように見えるカント！ How can I check if a background image is loaded? 私は、その親のbackroundのイメージを設定し、子画像のロードイベントが発生したときに、フェードイン、一時的にdiv要素に隠された子の画像を追加することによって、前にこれをやった。

Answer 1

@colinありがとう後で子供の画像を削除することをお勧めします。どこにでも画像を追加することができますが、これはマッピングアプリケーションであり、親のdivに関連付けられた画像を保存しなければなりませんでした。