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