How to do an image rollover?

I have a monochrome picture, and when I mouse over it I want to replace it with the color version. How can this be done?

Code:

---

img_on = new Image(20,22);
img_on.src = "image.gif";
img_off=new Image(20,22);
img_off.src="image.gif";

---

put that in <script> tags

Code:

---

<a href='#' onMouseOver='document.imagename.src=img_on.src' onMouseOut='document.imagename.src=img_off.src'><img name='imagename' border='0' src='#'></a>

---

that in the body...

Thanks a bunch

that wont work!

yeah it will

now it will ;)


i didn't change everything when i c&p'd

now it will...lol ;)