complicated rollover image

clampkingdom · Joined: 07 Oct 2009 Posts: 1

I was curious if its possible to take one image and create 3 different rollovers depending on which part of the image you put the mouse over (left - middle - right) I have a black and white landscape photo thats 3 inches wide and 1 inch tall. I'd like the it to be replaced with a red version of the photo when the mouse is over the left side, a blue version when rolled over in the middle and a yellow version when the mouse is on the right side. Is that even possible? thanks!

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3598 Location: Biloxi, MS

Rather interesting idea. I think that might be done by making the image as an image map for the 3 hot areas then including the JavaScript swap code for each link section. Never tried it myself, but don't see why it couldn't be done, but I've been wrong before. Razz

sticks464 · Joined: 31 Dec 2006 Posts: 2311

Here's a tutorial for doing an image swap with an image map. Should be exactly what you need.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3598 Location: Biloxi, MS

Well, Sticks, that will save me some time from having to make my own. Razz

Hate re-inventing the wheel so may use that one day. Looks exactly like what OP needs.

Thanks. You're always there with the "bestest" of answers.

sticks464 · Joined: 31 Dec 2006 Posts: 2311

Thanks Ron, it took me awhile to find it, I started out thinking sprites would do it but that was a no-go.