jQuery获取流体图像的高度

Question

I need to get the height of an image and apply the height to another div. This is easy using

$(window).load(function() {
    var img_height = $('#image').height(); 
    $('.some_div').css('height', img_height);
});

however... the image is set to width 100% and changes size when re-sizing the browser window. Is it possible to get the live height of the image?

Answer 1

$(window).resize(function () {
  var image_height = $('img').height();
  $('div').css({
      'height': image_height
  });
});

Here's a JSFiddle which uses the Console to report back the image height.

Answer 2

You can use window resize callback

$(window).resize(function(){
    var img_height = $('#image').height(); 
    $('.some_div').css('height', img_height);
})