Resizing image with OnMouseover

[Yardgnome]

I'm trying to write a script that will resize an image when you move your mouse over it.... basically when you move your mouse over an image.... it gets bigger... then goes back to it's original size when you move your mouse away.... can anyone help?

[chrismiceli]

simple

function resizeL(img) {
img.height += "25";
img.width += "25";
}
function resizeS(img) {
img.height -= "25";
img.width -= "25";
}

<img onMouseOver="resizeL(this)" onMouseOut="resizeS(this">

[cheesebagpipe]

http://www.javascript-fx.com/navigation/imagezoom/demo1.html :cool:

[Yardgnome]

Sweet... just what I was looking for... thanks

[liorean]

How about a stylesheet?

img:hover {width: auto; height: auto;}
img {width: 20px; height: 20px;}