Получите отзывчивую высоту фонового изображения?

Question

Есть ли в любом случае, я могу получить текущую высоту фонового изображения ответного div?

я могу получить фактический размер изображения, как это:

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

... но это не говорит мне размер изображения после изменения размера экрана (фоновое изображение устанавливается на 100% , и поэтому масштабируется по мере изменения размера окна)

Любые идеи?

Answer 1

Вы можете рассчитать фактическую высоту от ширины 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;