CSS 背景图像完全加载时的 JQuery 绑定事件

Question

我想在背景图像完全加载后触发一个事件。 该图像是由动态 PHP 脚本制作的。

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

也许我可以尝试在不可见的 中获取图像，并在图像加载时 (.load()) 使用不可见的 的 src 设置背景图像？不确定...

谢谢你的帮助。

Answer 1

您可以使用我的名为 waitForImages 的 jQuery 插件，这将有助于解决此问题...

$("#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.
});