google chrome, can't fix img width, height

Question

if i have an image element where i'm not set height and width, like this

<img id="img" src="image.jpg" />

and then when i try to get

img_height = $("#img").attr("height");

it returns 0.

how can i get the size of image in google chrome.

Thanks

Update:

height = $("#img").height(); doesn't work too...

Answer 1

You can use jQuery's .height() & .width()

EDIT: Now with caching to make the internet a better place:

var img_height, img_width, the_img = $("#img");

img_height = the_img.height();
img_width = the_img.width();

Answer 2

You can use the .height() and .width() methods, like this:

var height = $("#img").height();
var width= $("#img").width();

Also make sure you're running this in $(window).load() rather than $(document).ready() so that the image is loaded.

Answer 3

Does this work in other browsers? Your HTML does not indicate a specified "height" attribute.

Answer 4

That returned 0 because the attribute 'height' is not set. Try this jQuery function instead:

img_height = $("#img").height();