当前位置: 代码迷 >> JavaScript >> 教你用js超简略实现页面自动控制图片的宽度和高度
  详细解决方案

教你用js超简略实现页面自动控制图片的宽度和高度

热度:173   发布时间:2012-09-22 21:54:54.0
教你用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" />

海口
  相关解决方案