javascript 调整图片大小

转载于 2006-04-11 21:05:00 发布 · 1.9k 阅读

文章标签：

本文介绍了一种使用JavaScript来调整图片大小的方法，确保图片在缩放过程中保持原有的长宽比例，并且能够限制最大高度和宽度。此外，还展示了如何通过简单的HTML链接实现图片尺寸的即时修改及更换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript: 改变和控制显示的图片大小（保持比例，同时可限制高宽）， <img onresize="javascript: for(i=0;i<123 && (this.width>100||this.height>100);i++){ this.width-= this.width/10 } /*alert(this.width)*/" style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM: #ff0000 1px solid" alt="" name="ntimg" _onload="alert('换图片了,不过是动画GIF，你就惨了，关不掉了')" src="images/forumnew.gif" /> onResize显示改变后的图片大小，原来是34 <a onclick="document.all.ntimg.width +=100 " href="#">xxxx加大xxxx</a> <a onclick="document.all.ntimg.src = 'images/input.gif' " href="#">yyyyyy换图yyyyyy</a> <a onclick="alert( document.all.ntimg.width + ' & ' + document.all.ntimg.height ) " href="#">yyyyyyy图大小yyyyyy</a>