当前位置: 代码迷 >> JavaScript >> javascript 图片预加载 兼容Firefox; Chrome; Opera; Safari
  详细解决方案

javascript 图片预加载 兼容Firefox; Chrome; Opera; Safari

热度:1004   发布时间:2012-11-07 09:56:10.0
javascript 图片预加载 兼容Firefox; Chrome; Opera; Safari;
经过一些分析,终于发现一个为各个浏览器所兼容的Image的属性――complete。所以,在图片onload事件之前先对这个值做一下判断即可。最后,代码变成如下的样子:
function loadImage(url, callback) {
    var img = new Image(); //创建一个Image对象,实现图片的预下载
    img.src = url;
   
    if (img.complete) { // 如果图片已经存在于浏览器缓存,直接调用回调函数
        callback.call(img);
        return; // 直接返回,不用再处理onload事件
    }

    img.onload = function () { //图片下载完毕时异步调用callback函数。
        callback.call(img);//将回调函数的this替换为Image对象
    };
};
1 楼 qq123zhz 2011-08-24  
有详细一点的吗?
  相关解决方案