Thread: Image Maps
View Single Post
Old April 26th, 2007, 3:46 PM   #7 (permalink)
jdcopelin
Surpass Fan
Comfy Contributor
 
jdcopelin's Avatar
 
Joined in Feb 2004
Lives in Norfolk, England
Hosted on Pass32
165 posts
Gave thanks: 22
Thanked 18 times
Quote:
Originally Posted by jacker View Post
I'd like to add javascript to it though using ommouseover and onclick. I was hoping to raise that part of the map onmouseover and then lower it onclick. Any ideas how to do this? I can change the color or flip the image, but not give the illusion of raising or lowering it. Any ideas on how to do this or suggestions on what might look better?
The only way I think you can achieve this is to "slice" the image up into square/rectangular slices using PhotoShop, Fireworks or similar software. You create two or three versions of the whole image (normal, hover, button down versions). This means managing lots of image files though! You then use simple javascript functions on each "slice" during onmouseover, onmouseclick etc. events. The only drawback is that the different "animations" can't overlap different slices or they won't "join up" properly.

I hope that makes sense. Can't think of any sites I've visited recently that do it this way. I'm doing something very similar with one of my clients navigation menus at www.ibizacharterdirect.com

Regards
Jonathan
__________________
Server: Pass32 and dedicated server
jdcopelin is offline   Reply With Quote