asp 把大图缩小显示的JS

将图片从数据库中读出的时候,由于图片的宽度很大,使得图片显示效果不好。因此,我门需要将图片进行缩放,然后再显示出来。下面的代码便可以起到图片缩放的效果。  
   
  放入head里面  
  <script   language="JavaScript">  
  <!--  
  var   flag=false;  
  function   DrawImage(ImgD){  
  var   image=new   Image();  
  image.src=ImgD.src;  
  if(image.width>0   &&   image.height>0){  
  flag=true;  
  if(image.width/image.height>=   164/112){  
  if(image.width>164){    
  ImgD.width=164;  
  ImgD.height=(image.height*164)/image.width;  
  }else{  
  ImgD.width=image.width;    
  ImgD.height=image.height;  
  }  
  ImgD.alt=image.width+"×"+image.height;  
  }  
  else{  
  if(image.height>112){    
  ImgD.height=112;  
  ImgD.width=(image.width*112)/image.height;    
  }else{  
  ImgD.width=image.width;    
  ImgD.height=image.height;  
  }  
  ImgD.alt=image.width+"×"+image.height;  
  }  
  }  
  }    
  //-->  
  </script>  
   
  图片调用  
  <a   href="<%=trim(rs("picurl"))%>"   target="_blank"><img   src="<%=trim(rs("imgurl"))%>"   border="0"   width="164"   height="112"   onload="javascript:DrawImage(this);"></a>
posted on 2008-08-04 15:34  草原和大树  阅读(548)  评论(0编辑  收藏  举报