.png)
相关关键词
关于我们
最新文章
- 拉动悬浮于顶部的JS控制代码
- 在JavaScript中构建ArrayList示例代码
- js使用for循环及if语句判断多个一样的name
- JavaScript中判断原生函数检查function是否是原生代码
- jQuery CSS()方法改变现有的CSS样式表
- JavaScript中判断原生函数检查function是否是原生代码
- jQuery动画高级用法（上）——详解animation中的.queue()函数
- python小技巧之批量抓取美女图片
- JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度
JS图片压缩–图片后加载后按比例缩放
发布日期：2014-05-10 00:00:00
420
原理：图片加载完后把图片的尺寸固定在一个固定的范围之内。。
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.width>0&&image.height>0)
{
var rate=(proMaxWidth/image.width<proMaxHeight/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>
HTML Code:
<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>