教你用js超简单实现页面自动控制图片的宽度和高度
2017-03-15 00:00
525 查看
在图片里加句简单的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" />
拆开后的代码:
同时控制高度和宽度:
<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" />
相关文章推荐
- 教你用js超简单实现页面自动控制图片的宽度和高度
- 纯HTML和js:简单实现页面单个输入框自动切为双输入框
- Android实现图片宽度100%ImageView宽度且高度按比例自动伸缩
- js实现点击图片自动提交action的简单方法
- 简单的HTML中TAB分页实现,js控制页面tr行新增、删除、修改
- [JS]JS控制图片超过宽度自动缩小图片等比例缩放源代码实例
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- 利用JS实现点击按钮后图片自动切换的简单方法
- jquery实现在页面加载完毕后获取图片高度或宽度
- js 获取网络图片的高度和宽度的实现方法(变通了下)
- jquery实现在页面加载完毕后获取图片高度或宽度
- js 获取网络图片的高度和宽度的实现方法(变通了下)
- JS控制图片按比例缩放并不超过一定宽度和高度(居中对齐)
- IOS内嵌H5页面实现(JS实现图片正常显示,并正确返回文档的高度)
- 控制图片长度比例,及图片最大高度,最大宽度 JS代码
- Android实现图片宽度100%ImageView宽度且高度按比例自动伸缩
- 利用JS实现点击按钮后图片自动切换的简单方法
- js实现自动设置框架载入页面高度的问题
- [原](源码)JS OOP 实现页面浮动图片,支持多图同时浮动,简单调用
- neatbeans用js实现图片预览上传(自动控制图片大小)