asp 把大图缩小显示的JS

本文介绍了一种使用JavaScript实现的图片缩放方法,该方法能够自动调整从数据库读取的大尺寸图片的显示大小,确保良好的视觉效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

将图片从数据库中读出的时候,由于图片的宽度很大,使得图片显示效果不好。因此,我门需要将图片进行缩放,然后再显示出来。下面的代码便可以起到图片缩放的效果。  
   
  放入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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值