當CSS背景圖像完全加載時JQuery綁定事件

Question

我想在背景圖像完全加載後觸發事件。 該圖像由動態PHP腳本構成。

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

或許我可以嘗試得到一個無形<img>當圖像加載圖像（.load（）） 與無形<img>在src設置背景圖片？不知道...

謝謝你的幫助。

Answer 1

你可以使用我的jQuery插件稱爲waitForImages這將幫助這...

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

否則，做手工......

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. 
});