6

画像をダウンロードしてから 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)');
});

編集これが役に立ちました！ 背景画像がロードされているかどうかを確認するにはどうすればよいですか? ありがとう@コリン

4

1 に答える 1

2

以前は、非表示の子画像を div に一時的に追加し、親の背景画像を設定して、子画像の読み込みイベントが発生したときにフェードインすることで、これを行ったことがあります。整理整頓のために、後で子イメージを削除することをお勧めします。画像はどこにでも追加できますが、これはマッピング アプリケーションであり、親 div に関連付けられた画像を保持する必要がありました。

于 2012-11-05T13:31:18.803 に答える