jquery 獲取背景圖片的寬高


<script type="text/javascript">
/* 拿到背景 */
var url=$('.wrap').css('backgroundImage');
/* 正則刪掉不需要的信息,保留圖片的鏈接 */
var s = url.match(/url\((.*?)\)/);
/* 返回一個數據,第一個是原圖片鏈接,第二個才是刪除不需要的東西的鏈接 */
url =s[1];
/* 刪除頭跟尾的引號 */
if(url[0]=="\""){ url = url.slice(1,-1); console.log(url) }
/* 把圖片鏈接放到img的實例里面獲取高寬 ,使用onload只能圖片加載完之后才回去圖片的高寬 */
$("<img/>").attr("src", url).load(function(){
realWidth = this.width;
realHeight = this.height;
console.log(realWidth);
});
</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM