JS获取图片实际宽高及根据图片大小进行自适应
2013-08-11 00:00
786 查看
JS获取图片实际宽高,以及根据图片大小进行自适应
另可设置CSS样式:
<img src="http://xxx.jpg" id="imgs" onload="adapt();"/>
function adapt(){ var tableWidth = $("#imgTable").width(); //表格宽度 var img = new Image(); img.src =$('#imgs').attr("src") ; var imgWidth = img.width; //图片实际宽度 if(imgWidth<tableWidth){ $('#imgs').attr("style","width: auto"); }else{ $('#imgs').attr("style","width: 100%"); } }
另可设置CSS样式:
<style type="text/css"> <!-- img{ max-width:100%;height:auto; } --> </style>
相关文章推荐
- JS获取图片实际宽高及根据图片大小进行自适应
- JS获取图片实际宽高及根据图片大小进行自适应
- JS获取图片实际宽高及根据图片大小进行自适应
- JS获取图片实际宽高及根据图片大小进行自适应
- js判断图片加载完成后获取图片实际宽高的方法
- js获取 图片的实际宽高,然后实现图片的瀑布流
- 移动app开发,固定图片div宽高,根据实际图片大小控制图片不变形
- 移动app开发,固定图片div宽高,根据实际图片大小控制图片不变形
- js判断图片加载完成后获取图片实际宽高的方法
- JS快速获取图片宽高的方法
- javascript 快速获取图片实际大小的宽高
- picturebox的背景图片怎么能根据分辨率大小自适应。?
- 【C#】图片上传并根据长宽大小进行正方形、长方形及等比缩放。
- java swing 怎样添加背景图片并且能根据窗口大小进行缩放
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- ImagView宽度固定,高度根据控件宽度与图片宽度比例进行自适应
- js获取上传图片的尺寸大小
- JS获取网页图片的实际尺寸
- Js获取图片的真实大小
- js判断上传图片宽高及文件大小