用jQuery预加载背景图片？

我有一个div目前设置为不显示，Div有一个背景图像，宽约5000px，高2000px。

我只用一个按钮点击div显示attirbute和jquery，只有图像太大，div加载，图像加载1/2秒后; 是否有一个function，我可以显示预加载器，直到图像准备好然后显示它？

谢谢

Answer 1

尝试使用原生javascript的Image对象来预加载图像。

还要考虑通过制作瓷砖来避免在网络上使用如此巨大的图像。

Answer 2

这个问题已经发布了一段时间，仅使用vanilla javascript回答，但可以很容易地适应您的场景。

预加载CSS图像

 $(document).ready( function() { var c = new Image(); c.onload = function(){ $("#Your Div ID").css("background-image", "url(Path to Background Image)"); } c.src = "Path to Background Image"; }); 

Answer 3

试试这个：

http://ditio.net/2010/02/14/jquery-preload-images-tutorial-and-example/