JS获取图片实际宽高及根据图片大小进行自适应
2013-08-12 05:48
573 查看
图片实际宽高使用js进行获取以及根据图片大小进行自适应。
JS获取图片实际宽高,以及根据图片大小进行自适应
另可设置CSS样式:
JS获取图片实际宽高,以及根据图片大小进行自适应
<img src="http://xxx.jpg" id="imgs" onload="adapt();"/> function adapt(){ //图片宽度自适应
//by www.jbxue.com
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获取 图片的实际宽高,然后实现图片的瀑布流
- 移动app开发,固定图片div宽高,根据实际图片大小控制图片不变形
- 移动app开发,固定图片div宽高,根据实际图片大小控制图片不变形
- js判断图片加载完成后获取图片实际宽高的方法
- js判断图片加载完成后获取图片实际宽高的方法
- js判断图片加载完成后获取图片实际宽高
- js实现div内图片自适应大小 并裁剪
- JS实现图片大小自适应且位置居中,防止图片变形
- Android获取图片实际大小兼容平板电脑
- js代码实现根据实际物理地址,进行 URL 跳转,并实现用户自定义 URL 跳转
- JS兼容IE和其它浏览器获取图片大小和预览的实现
- js获取input长度并根据页面宽度设置其大小及居中对齐
- 根据图片路径来获取图片的真实大小
- js 获取图片宽高 和 图片大小
- 服务器端根据数据库图片的url获取保存的图片并进行缩略后返回给客户端-压缩之Thumbnails
- 解决获取图片实际尺寸(宽高)的bug