等比例缩小图片尺寸的js代码

发布时间:2020-01-26编辑:脚本学堂
用js写了一个等比例缩小图片尺寸的函数,然后在img元素中添加onload事件进行调用,以实际合理控制图片尺寸在页面中的显示。

js等比例缩小图片尺寸的函数。

js代码:
 

复制代码 代码示例:

<script type="text/javascript">
function changeImg(objImg)
{
var most = 690; //设置最大宽度
if(objImg.width > most)
{
var scaling = 1-(objImg.width-most)/objImg.width;
//计算缩小比例
objImg.width = objImg.width*scaling;
objImg.height = objImg.height; //img元素没有设置高度时将自动等比例缩小

//objImg.height = objImg.height*scaling; //img元素设置高度时需进行等比例缩小
}

}
</script>

页面中调用:
 

复制代码 代码示例:
<img src="" onload="changeImg(this);" />