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"   οnlοad="javascript:DrawImage(this);"></a>

转载于:https://www.cnblogs.com/JemBai/archive/2008/08/04/1260172.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值