岁数大了，QQ也不闪了，微信也不响了，电话也不来了，但是图老师依旧坚持为大家推荐最精彩的内容，下面为大家精心准备的JS图片压缩–图片后加载后按比例缩放，希望大家看完后能赶快学习起来。
【 tulaoshi.com - Web开发 】
原理：图片加载完后把图片的尺寸固定在一个固定的范围之内。。
JS Code：
script type="text/javascript"
var proMaxHeight=100;
var proMaxWidth=100;
function ImgAuto(ImgD)
{
var image=new Image();
image.src=ImgD.src;
image.onload = function(){
if(image.width0&&image.height0)
{
var rate=(proMaxWidth/image.widthproMaxHeight/image.height)？proMaxWidth/image.width:proMaxHeight/image.height;
if(rate=1)
{
ImgD.width=image.width*rate;
ImgD.height=image.height*rate
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
};
image.onload();
};
/script
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）HTML Code:
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）body
img src="http://s3.knowsky.com/l/45001-55000/200952916491584421395.jpg" onload="ImgAuto(this)" id="test"/
script type="text/javascript" src="img.js"/script
/body
来源:http://www.tulaoshi.com/n/20160219/1606558.html
看过《JS图片压缩–图片后加载后按比例缩放》的人还看了以下文章 更多>>
