等比例缩放图片问题解决
<SCRIPT LANGUAGE="JavaScript">
<!--
function setImg(img, width, height)
{
var s1 = width/height;
var s2 = img.offsetWidth/img.offsetHeight;
if(s1>s2) img.height = img.offsetHeight>height ? height : img.offsetHeight;
else img.width = img.offsetWidth>width ? width : img.offsetWidth;
}
//-->
</SCRIPT>
<img border=0 src="http://community.csdn.net/images/CSDN_logo.GIF"
onload="setImg(this, 100, 100)"><br>
<img border=0 src="http://community.csdn.net/images/CSDN_logo.GIF"
onload="setImg(this, 50, 100)"><br>
<img border=0 src="http://community.csdn.net/images/CSDN_logo.GIF"
onload="setImg(this, 80, 50)"><br>
<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; //这一句加上后高度会按比例缩小两次，奇怪，代码中前面未对高度作修改。
return false;
}
//-->
</SCRIPT>
<BODY onload="javascript:setImg(bm1,200,200);">
<img src="aa.jpg" id="bm1" border="0"></img>
posted on 2008-08-30 10:47 网络安全、asp、asp.net编程 阅读(958) 评论(0) 编辑 收藏 举报
