UC知道asp图片按比例显示
来源：百度知道 编辑：UC知道 时间：2024/05/31 08:10:05
<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(img,200,200);">
<img src="images/2008720172143.jpg" id="img" border="0"></img>
以上代码能实现对1幅图片进行按比例缩放显示，但是如果有2幅或以上的话，代码就像失效了。麻烦各位帮忙解决下！谢谢
//按比例缩放图片
<!--
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(img,200,200);">
<img src="images/2008720172143.jpg" id="img" border="0"></img>
以上代码能实现对1幅图片进行按比例缩放显示，但是如果有2幅或以上的话，代码就像失效了。麻烦各位帮忙解决下！谢谢
你这里是可以实现多张的，去掉body里面的onload="javascript:setImg(img,200,200);"
直接加到img里面
<img src="images/2008720172142.jpg" border="0" onload="javascript:setImg(this,200,200);"></img>
<img src="images/2008720172143.jpg" border="0" onload="javascript:setImg(this,200,200);"></img>
为了避免加载时图片暂时没有缩小，可以将图片设置一个默认的大小。
<img width="30" height="30" src="images/2008720172142.jpg" id="img" border="0" onload="javascript:setImg(img,200,200);"></img>
我用过的一种,可以批量设置图片缩放为指定大小。
<SCRIPT LANGUAGE="JavaScript">
<!--
//图片等比例缩放
var FitWidth = 250; //图片宽度
var FitHeight = 176; //图片高度
function ResizePic(ImgTag)
{
var image = new Image();
image.src = ImgTag.src;
if(image.width>0 && image.height>0){
if(image.width/image.height &g