Javascript 等比例比例缩放图片

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setImg(img,width,height){
//参数说明：img：图片对象；width:允许的最大宽度；height:允许的最大高度
var scale_w=img.width/width; //按宽度得到的缩放比例
var scale_h=img.height/height;//按高度得到的缩放比例
var scale=scale_w>scale_h?scale_w:scale_h;//得到缩放比例（取最大值）
img.width=img.width/scale;//缩放宽度
//img.height=img.height/scale;  //这一句加上后高度会按比例缩小两次，奇怪，代码中前面未对高度作修改。
}
//-->
</SCRIPT>
<BODY script_onload="javascript:setImg(angelfish,400,400);">
<table border="1" align="center">
 <tr>
  <td width="400" height="400" align="center",valign="middle">
<img id="angelfish" src="AJAX_FLOW.jpg">
</td>
 </tr>
</table>
</BODY>
</HTML>

posted @ 2006-05-09 22:59  BigKiteasdasd  阅读(162)  评论(0)    收藏  举报