按比例微缩图片的一段小小的JS代码

//智能微缩图片JS方法
//参数：imgID（图片的标识ID）
//参数：maxWidth（图片的最大宽度，值为0则表示不限制宽度）
//参数：maxHeight（图片的最大高度，值为0则表示不限制高度）
function setImgSize(imgID,maxWidth,maxHeight)
{
var img = document.images[imgID];
   if(maxWidth < 1)
   {
        if(img.height > maxHeight)
     {
            img.height = maxHeight;
        }
        return true;
    }
     if(maxHeight < 1)
    {
        if(img.width > maxWidth)
        {
            img.width = maxWidth;
       }
       return true;
    }
     if(img.height > maxHeight || img.width > maxWidth)
    {
         if((img.height / maxHeight) > (img.width / maxWidth))
        {
            img.height = maxHeight;
       }
        else
        {
            img.width = maxWidth;
       }
        return true;
    }
}

把上边的代码保存成SetImgSize.js

然后在你需要按比例缩小图片的网页调用:
在<head>中添加<script language="javascript" type="text/javascript" src="setImgSize.js"></script>
然后在需要缩放的图片处使用<img alt="" id="img1" onload="setImgSize('img1',400,0);" src=http://www.duzhi.net/images/logo.gif />

把图片换成你想要的就可以了