jQuery height() width()

Question

I have an image on the page:

<img id="foobar" src="emptySpace.gif" />

The image has an absolute position of left: 0 and top: 0 in a .css file.

When I try this in JavaScript onmouseover, the height and width don't change. What am I missing?

var image = jQuery("#foobar");
image.height(500).width(500);

What gives?

Answer 1

Are you sure that code is being run - that the function is indeed being called on mouseover?

You could also try using the css() method:

image.css({height:'500px',width:'500px'});