JS获取图片实际宽高,以及根据图片大小进行自适应
/**
* 图片实际宽高使用js进行获取以及根据图片大小进行自适应
*
* @param
* @arrange (编程之家) jb51.cc
**/
<img src=http://xxx.jpg id=imgs onl oad=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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。