首页  >  文章  >  web前端  >  JavaScript 动态改变图片大小_javascript技巧

JavaScript 动态改变图片大小_javascript技巧

WBOY
WBOY原创
2016-05-16 18:51:421134浏览

最近由于项目需要,在实现图片的时候,若图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小。经过研究发现,可以用Javascript代码简单实现。
Javascript代码:

复制代码 代码如下:

<script> <BR>function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; } <BR></script>

页面代码:
复制代码 代码如下:

﹤img src="file:///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥

经测试在IE6,Firefox,Google Chrome 均正常工作。
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn