Jquery获取背景图片的宽度和高度

html:


             

                 
            
 

css:

.zhuanpanbg{background:url(../images/bg1.png) no-repeat; width:100%; height:auto; background-size:100% auto; -webkit-background-size:100% auto;padding-bottom:1.38rem;} 

js:

//获取bg图片的高度并赋值
    function bgSize($el, cb){
        $('')
        .load(function(){ cb(this.width, this.height); })
        .attr('src', $el.css('background-image').match(/^url\("?(.+?)"?\)$/)[1]);
    }
    bgSize($('.zhuanpanbg'), function(width, height){
        console.log('width : ' + width + ' height : ' + height);  //打印背景图的宽度和高度 
        
        $(".zhuanpanbg").css("height",height)
    });

你可能感兴趣的:(JS,Web前端,HTML/H5,+,css/css3,+,JS/JQuery)