Get image height after image has loaded

Question

I am trying to get image height after image has loaded. The reason for that is chrome gets false height values because it gets height before image has loaded.

var imgHeight = $("#pic25").height();

Note: I shouldn't use $(window).load(function(){ on this one.

How can I do that ?

Answer 1

you need to use onload(.load()) event since load event will be called only after the DOM and associated resources like images got loaded, so it work properly

$(body).load(function(){
  var height = $("#pic25").height();
});

this would work

to check particular image to be load you can do this like @arvind answers code