获得响应的背景图像高度?

时间:2013-06-23 09:54:36

标签: javascript jquery responsive-design

无论如何我可以获得响应div的背景图像的当前高度吗?

我可以像这样得到图像的实际大小:

var img = new Image;
        img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
        var bgImgWidth = img.width;
        var bgImgHeight = img.height;

...但是这并没有告诉我屏幕调整大小后的图像大小(背景图像设置为100%,因此在调整窗口大小时进行缩放)

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

您可以根据div的宽度计算实际高度:

var img = new Image;
img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
var bgImgWidth = img.width;
var bgImgHeight = img.height;
var divWidth = $('#div').width();
var realImgHeight = ( bgImgHeight / bgImgWidth) * divWidth;