Question

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

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

由于

Answer 1

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

$(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 2

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

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

Answer 3

试试这个：

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

用jQuery预加载背景图片？

3 个答案: