How to do an image rollover?

**Mr. Gonds** · Nov 23rd, 2001, 10:32 AM

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?

**sail3005** · Nov 23rd, 2001, 10:34 AM

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...

**Mr. Gonds** · Nov 23rd, 2001, 10:35 AM

Thanks a bunch

**progressive** · Nov 23rd, 2001, 10:47 AM

that wont work!

**sail3005** · Nov 23rd, 2001, 11:03 AM

yeah it will

**sail3005** · Nov 23rd, 2001, 11:05 AM

now it will

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

**progressive** · Nov 23rd, 2001, 11:08 AM

now it will...lol

Thread: How to do an image rollover?

Thread Tools

Display

How to do an image rollover?

Posting Permissions