javascript - ボディの背景画像（css）がロードされているかどうかを確認します

Question

いくつかの条件に応じて、異なる背景画像が読み込まれます。

$('body').css('background','url(image.png)');

背景画像が読み込まれたかどうかを判断する方法はありますか？画像が読み込まれたときに関数を実行する必要があります。

Answer 1

画像を非表示のタグにロードし、ハンドラーを<img>タグに割り当てることができます。onloadonload ハンドラーでは、本文の背景画像を入力し (画像がブラウザーのキャッシュにあるため、ほぼ瞬時に行われるはずです)、カスタム コードも実行できます。

var hiddenImg = new Image();
hiddenImg.onload = function(){
    $('body').css('background','url(' + this.src + ')');
    your_custom_onload_code();
};
hiddenImg.src = 'image.png';

Answer 2

var img = new Image ();
img.onload = function () { $('body').css('background','url(image.png)'); };
img.src = src;