教你用js超简略实现页面自动控制图片的宽度和高度
日期：2014-05-16 浏览次数：20470 次
教你用js超简单实现页面自动控制图片的宽度和高度
?
在图片里加句简单的js轻松实现页面自动控制图片的宽高度，使图片不变形
拆开后的代码：
同时控制高度和宽度：
<img
? onload="if(this.height>75){
? ? ? ? ? ? ? ? ? ? ? this.height=75;
? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? if(this.width>95){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?this.width=95;
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }"
? src="4_avatar_middle.jpg"
/>
连接后的代码：
<img onload="if(this.height>75){this.height=75;}else{if(this.width>95){this.width=95;}}" src="4_avatar_middle.jpg" />
控制宽度：
<img
? onload="if(this.width>95){
? ? ? ? ? ? ? ? ? ? ? this.width=95;
????????????????????? this.height=auto;
? ? ? ? ? ? ? ? }"
? src="4_avatar_middle.jpg"
/>
连接后的代码：
<img
onload="if(this.width>95){this.width=95; this.height=auto;}"
src="4_avatar_middle.jpg" />
控制高度：
<img
? onload="if(this.height>95){
? ? ? ? ? ? ? ? ? ? ? this.height=95;
????????????????????? this.width=auto;
? ? ? ? ? ? ? ? }"
? src="4_avatar_middle.jpg"
/>
连接后的代码：
<img
onload="if(this.height>95){this.height=95; this.width=auto;}"
src="4_avatar_middle.jpg" />
海口
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
