Image Map Tutorial
Many people use things called Image Maps to do their splash page. On an image map, links are placed over an image.For this tutorial, I will just make a small line of houses with 3 links. Be aware that you can use as many links as you like.
First you need the image that you want your map to be on.
Here is my image:
After you have your image, put this code where you want it to be. Fill in the places in capital letters with the info needed there.
A1 & A2 coordinates= top left corner of link
B1 & B2 coordinates= bottom right corner of link
To find the coordinates for the links, you can either use Microsoft Paint, the GIMP or Photoshop. On Paint, it shows the coordinates of your mouse pointer need the bottom right of the screen. And on GIMP, it shows the coordinates on the bottom left of the window.
Here is mine (the doors are the links and i added the target=blank so that it opens in a new window for your convenience):
(Please note that this code has been Line Wrapped. Do not Line Wrap the code when using the Image Map, for it will not work.)
There are 2 other ways to do the map besides rectangles: circle and polygon. These go in the part after the map name tags (map name="MAP NAME")
For a polygon, you need 4 sets of coordinates, one for each corner of the link.
A circle map is rather easy compared to the others. You only need one coordinate, the origin (center) coordinate, and the radius of the circle.
