JS获取图片实际宽高及根据图片大小进行自适应
来源:互联网 发布:淘宝开店买家付不了款 编辑:程序博客网 时间:2024/05/17 15:19
JS获取图片实际宽高,以及根据图片大小进行自适应
<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>
0 0
- JS获取图片实际宽高及根据图片大小进行自适应
- 移动app开发,固定图片div宽高,根据实际图片大小控制图片不变形
- JS获取图片实际宽高
- JS获取图片实际宽高
- 获取-图片实际宽高
- 弹出自适应图片大小的窗口弹出窗口根据图片大小,自动判断高和宽
- js图片自适应宽高
- getBitmap.getWidth获取图片不是实际图片大小
- 获取图片的实际宽高
- js判断图片加载完成后获取图片实际宽高
- java 图片上传的处理,获取图片大小,宽高。
- 用php或js获取图片大小,高宽尺寸.
- ImageView根据图片横竖自适应调整宽高
- 图片加载完成后获取图片实际宽高
- 网络获取图片大小自适应
- js获取图片宽高
- JS实现图片大小自适应且位置居中,防止图片变形
- javascript 快速获取图片实际大小的宽高
- ace admin java 整合 开发 后台框架,aceadmin_HTML5
- java定时任务代理配置
- Spring缓存注解@Cache使用
- poj 1006(中国剩余定理)
- OpenGL ES随手记——视图
- JS获取图片实际宽高及根据图片大小进行自适应
- github学习(2)
- Linux IPv6网络编程之UDP实例
- Xutls3的使用
- hdu3038How Many Answers Are Wrong(并查集)
- Android-内存优化-Overdraw-多度绘制
- PHP常量详解:define和const的区别
- 天声人語 20160131 1月の言葉から
- 【读书笔记】【Android 开发艺术探索】第11章Android 的线程和线程池