CSSの背景イメージが完全に読み込まれたときのJQueryバインドイベント

Question

背景イメージが完全に読み込まれた後にイベントをトリガーしたいと思います。 イメージは動的PHPスクリプトで作成されています。

$("#box").css("background-image","url(image.php)"); 

多分私は目に見えない<img>で画像を取得しようとイメージのロード（.LOAD（））することができます はその目に見えない<img>のSRCで背景画像を設定しますか？わからない...

ご協力いただきありがとうございます。

手動でそれを行うには、それ以外の場合は...

$("#box").css("background-image", "url(image.php)").waitForImages({ 
    waitForAll: true, 
    finished: function() { 
     // Background image has loaded. 
    } 
}); 

をこれで役立つだろうwaitForImagesと呼ばれる私のjQueryプラグインを使用することができ

Answer 1

...

var image = 'image.php', 

    img = $('<img />'); 

img.bind('load', function() { 
    // Background image has loaded. 
}); 

img.attr('src', image); 

$('#box').css('background-image', 'url(' + image + ')'); 

Answer 2

$("#box img").load(function() { 
    //the image elements in #box are fully loaded. 
});