javascript - 预加载背景图片

Question

有很多关于如何预加载图像的文章，但是我似乎找不到任何关于使用 jquery 预加载背景图像的有用信息。

我制作了一个我想要实现的简单 html 模型: http://jsfiddle.net/3rfhr/

• 出现一个加载div
• 背景已加载
• 加载div消失
• 出现背景DIV

我可以处理 div 转换，但我不知道应该如何预加载 css 背景。感谢您阅读我的问题:)

Answer 1

只要是背景图片就不能。正常加载，然后设置背景图片。像这样:

var $img = $( '<img src="' + src + '">' );
$img.bind( 'load', function(){
    $( '.yourDiv' ).css( 'background-image', 'url(' + src + ')' );
} );
if( $img[0].width ){ $img.trigger( 'load' ); }

在某些浏览器中需要最后一行以防图像被缓存。