欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS獲取圖片實際寬高及根據(jù)圖片大小進(jìn)行自適應(yīng)

 更新時間：2013年08月11日 18:56:16   作者：  
圖片實際寬高使用js進(jìn)行獲取以及根據(jù)圖片大小進(jìn)行自適應(yīng)，此功能個人感覺比較實用，在此貢獻(xiàn)出來，希望對大家有所幫助
JS獲取圖片實際寬高，以及根據(jù)圖片大小進(jìn)行自適應(yīng)
復(fù)制代碼 代碼如下:

<img src="http://xxx.jpg" id="imgs" onload="adapt();"/>

復(fù)制代碼 代碼如下:

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%");
}
}

另可設(shè)置CSS樣式：
復(fù)制代碼 代碼如下:

<style type="text/css">
<!--
img{
max-width:100%;height:auto;
}
-->
</style>

相關(guān)文章

最新評論