获取图片实际宽高及根据图片大小进行自适应代码,Js代码库,德仔网

代码语言

代码分类

【Js】获取图片实际宽高及根据图片大小进行自适应

作者:煜炫 / 发布于2016/5/23/ 494

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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

煜炫贡献的其它代码(14)

.
List
使用Object的某个属性进行排序（正序，倒
.根据设置的日期获取星期几

.删除hafs中的文件和目录

.查询今天、昨天、7天、近30天、本月、上一月数据

.创建文件和文件夹，删除文件和文件夹

.判断数组中是否包含某个值

.多表插入

.CSS3 斑马线效果

.CSS3 斑马线效果

.Cross-Browser Transparency
地图

本站

我们

服务

版权

联系

回馈

博客