HTML Help

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

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