A Tutorial for 'faking' an Image Map:

(intermediate)
     


Image maps are images with 'hot spots': areas in the image that, when moused-over, either roll over or act as a link to another web page, or both. It's almost impossible to create an image map without an image editor such as PhotoShop (though you will find the url to a couple of downloadable map creators in the resources section).

However, it's possible to 'fake' the effect of an image map by creating a table that consists of a mosaic of images, with selected images functioning like the 'hotspots' in a true image map.

Here's an example for such an effect: what looks like a single image is actually a number of 'slices' of that image, created in PhotoShop and fitted together like a mosaic in a table. The 'hotspot' is created with <a> tags; mouse-over the image of the flowers to see it work.
Note: find the tutorial for creating the rollover at rollover1.html