CSS 배경 이미지가 완전히로드 될 때 JQuery 바인드 이벤트

Question

백그라운드 이미지가 완전히로드 된 후 이벤트를 트리거하고 싶습니다. 이미지는 동적 인 PHP 스크립트로 만들어집니다.

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

어쩌면 나는 보이지 않는 <img> 때 이미지로드의 이미지를 얻기 위해 시도 할 수 있습니다 (.load()) 이 보이지 않는 <img>의 SRC와 배경 이미지를 설정? 확실하지 않음 ...

도움에 감사드립니다.

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