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

總結

以上是生活随笔為你收集整理的JS控制图片大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。