js图像自动缩放自适应大小

我添加了CSS的局限性:
复制代码代码如下所示:
即使是div img
马克斯:600px宽度;
宽度:600px;
宽度:表达(文档。身体。clientwidth > 600600px 自动);
溢出:隐藏;
}

最大宽度:600px;在IE7,FF和其他非IE浏览器,最大宽度为600px。但它是无效的在IE6。
宽度:在所有的浏览器600px图片大小为600px;
当图像尺寸大于600px,自动降低到600px在IE6是有效的。
溢出:隐藏;其余的隐藏,避免因图片大小变形引起的控制失败。
在图片中添加页面
复制代码代码如下所示:

无功imgobj;
为(i = 0;i <文件。getElementsByTagName(IMG)。长度;
{
imgobj =文件。getElementsByTagName(IMG){我};
建议只有一个高度或宽度的判断,可以自动和比例缩放。
如果(imgobj。宽度(> 500)确定图像的宽度,如果大于700,则设置为700,可以修改自己的值。
{
ImgObj。宽度= 500
}
如果(imgobj。高度> > 700)确定图像的高度,如果大于700,则设置为700,可以修改自己的值。
{
ImgObj。高度= 700
}
}


单独的图片控件:
复制代码代码如下所示:

VaR在document.getelementbyid(ABC);
VaR IMGS = abc.getelementsbytagname(IMG);
对于(var i = 0,G;G = IMGS {我};i++)
g.onload =函数()(){ if(这个宽度> 300){ 300 }。宽度=其他{如果(这个高度> 300),高度= 300 } }


测试在IE和FF下通过。