用javascript 怎么判断图片是否加载完成呢

By admin

November 21, 2010 - One minute read - 62 words

用javascript 怎么判断图片是否加载完成呢?

function loadImage(url){
var o= new Image();
o.src = url;
if(o.complete){
window.alert(‘图片加载完成:’+url);
}else{
o.onload = function(){
window.alert(‘图片加载完成:’+url);
};
o.onerror = function(){
window.alert(‘图片加载失败:’+url);
};
}
}

如果我要先把这一个图片加载完,之后才显示怎么处理呢.


  function showImage(url){

  var o = document.createElement('img');

  o.src = url;

  document.body.appendChild(o);

  }

  function loadImage(url){
   var o= new Image();
   o.src = url;
   if(o.complete){

  showImage(url);

  }else{
   o.onload = function(){

  showImage(url);

  };
   o.onerror = function(){

  window.alert('图片加载失败:'+url);

  };
   }
   }