码迷,mamicode.com
首页 > 其他好文 > 详细

判断图片是否加载完成

时间:2015-12-14 10:42:26      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:

最简单:

document.getElementById("img2").onload=function(){}

性能优化:

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对象
    };
};

对图片多个判断

var imgdefereds=[];
$(‘img‘).each(function(){
 var dfd=$.Deferred();
 $(this).bind(‘load‘,function(){
  dfd.resolve();
 }).bind(‘error‘,function(){
 //图片加载错误,加入错误处理
 // dfd.resolve();
 })
 if(this.complete) setTimeout(function(){
  dfd.resolve();
 },1000);
 imgdefereds.push(dfd);
})
$.when.apply(null,imgdefereds).done(function(){
    callback();
});

  

判断图片是否加载完成

标签:

原文地址:http://www.cnblogs.com/xupeiyu/p/5044349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!