现在的位置: 首页 > 综合 > 正文

JS控制图片大小

2017年12月26日 ⁄ 综合 ⁄ 共 744字 ⁄ 字号 评论关闭

<script language="javascript">
var flag=false;   //控制小图
function DrawImage(ImgD,maxwidth,maxheight){ 
   var image=new Image();
   image.src=ImgD.src; 
   if(image.width>0 && image.height>0){ 
    flag=true; 
    if(image.width/image.height>=maxwidth/maxheight){ 
     if(image.width>maxwidth){   
     ImgD.width=maxwidth; 
     ImgD.height=(image.height*maxwidth)/image.width; 
     }else{ 
     ImgD.width=image.width;   
     ImgD.height=image.height; 
     } 
     } 
    else{ 
     if(image.height>maxheight){   
     ImgD.height=maxheight; 
     ImgD.width=(image.width*maxheight)/image.height;      
     }else{ 
     ImgD.width=image.width;   
     ImgD.height=image.height; 
     } 
     } 
    } 
   }  
</script>

<img src="地址" alt="点击放大" border="0" onload="javascript:DrawImage(this,300,200);" />

【上篇】
【下篇】

抱歉!评论已关闭.