js图片预加载

最新推荐文章于 2023-02-20 10:18:56 发布

nono365

最新推荐文章于 2023-02-20 10:18:56 发布

阅读量575

点赞数

分类专栏： javascript 文章标签： JavaScript

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

预加载详细描述参考： http://www.cnblogs.com/rt0d/archive/2011/04/17/2018646.html


在chrome下打开baidu页面 console中测试代码：
function loadImage(url, callback) {     
    var img = new Image(); //创建一个Image对象，实现图片的预下载     
    img.onload = function(){
        img.onload = null;
        callback(img);
    }
    img.src = url; 
}
loadImage("https://www.google.com.hk/images/srpr/logo4w.png",function(img){
      var lg = document.getElementById("lg");
      lg.innerHTML = "<img src='"+img.src+"' width='270' height='129'>";
});