Home/ Questions/Q 7535571
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T06:20:14+00:00

What I am trying to accomplish is that, when you put an image on

  • 0

What I am trying to accomplish is that, when you put an image on 100% it nicely scales the height accordingly. I like to catch that height and process it.

<div id="view" style="width:950px;">
    <img src="1.png" />
</div>

The image is 950x500pixels. However when I ask the view $( '#view' ).height() what the height is, it returns 16pixels. Does anyone know why it does this? Why doesn’t it return 500pixels as that’s the size of the image.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need image to be loaded first. Try this:

    <!DOCTYPE HTML>
<html>
  <style>
    div { width: 950px; }
    img { width: 100%; }
  </style>
<body>
  <div>
    <img src="1.png">
  </div>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script type="text/javascript">
    $('img').load(function() {
      var height = $('div').height();
      console.log(height);
    });
  </script>
</body>
</html>
    • 0