Question

I want to load html , and then get the true image height.

$("#cover").html(stuff); //this has the image inside it
$(function(){
    console.log($("#cover img").height()); //sometimes it's 0
});

For some reason, height is sometimes 0. Could it be because the image hasn’t been fully loaded yet, and JQuery sees it as 0? If so, how do I overcome this? Is there a callback or something when the image is loaded?

Answer 1

You can use the .load() method of jQuery

$('#cover').html(stuff);
$('#cover img').load(function () {
    console.log($(this).height());
};