使用jquery按比例缩放图片

yf1234

使用jquery按比例缩放图片

做网站的时候，相信有很多朋友都会遇到图片过大，导致页面撑开变形的问题，如果强制设置width，height，图片则会因为强制变形而走样。在这里我介绍一种简单的按比例缩放图片的方法。

对于一堆图片
<img src="1.jpg" border="1"></img>
<img src="2.jpg" border="1"></img>

应用下面的Javascript代码
<SCRIPT LANGUAGE="JavaScript">  
function setImg(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;  
    return false;  
}  
</SCRIPT>

然后使用如下妞妞基地的jQuery语句即可
<script type="text/javascript">
$(document).ready(function(){  
        $("img").each(function(){
        setImg(this,200,200);
    });
});
</script>

-妞妞基地发布
原始地址：http://www.97xxoo.org/article/1/2009/20090110863.shtml

wanchun0222

这个图片的高度好像没有重新设置啊？还是我没有搞明白。楼主可以解我的惑吗？