如何检查是否加载了背景图像？

Question

我想在body标签上设置背景图片，然后运行一些代码-像这样：

$('body').css('background-image','http://picture.de/image.png').load(function() {
    alert('Background image done loading');
    // This doesn't work
});

如何确定背景图像已完全加载？

Answer 1

尝试这个：

$('<img/>').attr('src', 'http://picture.de/image.png').on('load', function() {
   $(this).remove(); // prevent memory leaks as @benweet suggested
   $('body').css('background-image', 'url(http://picture.de/image.png)');
});

这将在内存中创建新映像，并使用load事件检测何时加载src。