newbie help: image map+rollovers+link

[rdlaing]

Hey all,

I have a very simple design question:

I want the homepage to be 9-10 small gifs designed like a treasure map with dotted lines between. each 'location' on the map would have a rollover image, then would also be a clickable link to a different page. this would be the navigation from the home page.

any links to a tutorial of how i can do this?

THANKS!

[Daybreak_0]

Do a search for mapping or image mapping and html.

Normally you have one image and you assign a url to different parts of the image. Some of the better mapping programs out there allow you to have strange shapes.

You could replicate by taking an image and breaking it up and having a separate link for each - problem is that you would have to have square images or you may have overlapping problems when combining them close together. You could get around that by having some point in the middle of each (small enough that overlapping did not occur) with the appropiate link, with the larger image being the background.

OR use the full large image as a background and place transparent links in different places around the image.


Good Luck

[themadpoet]

Try using CoffeeCup Image Mapper it will slice image for you, allow you to do awkward shapes and produce code that you need.

You can get it on a 15 day trial by going to

http://www.coffeecup.com/image-mapper/

once you have your code in place based on images you can change the images underneath if you wish. I used it and found it quite easy to use.