简单的图片加载类-飞搜信息网

简单的图片加载类

时间:2015/12/3 22:35:00来源:互联网作者:flyso 点击: 1049 次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META name="Author" content="www.flyso.cn" />
<script type="text/javascript">
/*************************
*简单的图片加载类
*功能：避免了在img 里直接判断宽高造成屏幕的闪烁
*参数：
*url:图片url
*id:图片img的id,如果查找不到这个id，将创建一个img，并添加到网页尾部
*maxWidth:最大宽度，可不设置
*maxHeight:最大高度，可不设置
*www.flyso.cn
*************************/
ImageLoader=function(url,id,maxWidth,maxHeight){
this.imgObj=new Image();
this.imgObj.tries=0;
this.imgObj.src=url;
this.imgObj.uid=id;
this.imgObj.maxWidth=maxWidth;
this.imgObj.maxHeight=maxHeight;

if (!window.ImageLoaders)
    window.ImageLoaders={};
window.ImageLoaders[id]=this.imgObj;
if (!document.all)
    window.addEventListener('load',function(){document.readyState='complete'},false)
window.ImageComplete=function(i){
    var obj=window.ImageLoaders[i];
    clearInterval(obj.timer);
    var mw=obj.maxWidth;
    var mh=obj.maxHeight;
    var id=obj.uid;

    if (!document.getElementById(id)){
        var img=document.createElement("img");
        img.setAttribute("id",id);
        img.alt='图像';
        document.body.appendChild(img);
    }
    var img=document.getElementById(id);

    if (obj.width>obj.height){
      if (mw>0){
        if (obj.width>mw)
          img.width=mw;
      }
    }
    else{
      if (mh>0){
        if (obj.height>mh)
          img.height=mh;
      }
    }
    img.src=obj.src;
    img.style.display='';
    window.ImageLoaders[i]=null;
}

this.imgObj.onload=function(){
window.ImageLoaders[this.uid].timer=setInterval("if (document.readyState=='complete'){window.ImageComplete('"+this.uid+"');}",500);
}
this.imgObj.onerror=function(){window.status='加载'+this.src+'失败';}
}