Main Content

Image maps for navigation - a straightforward example

Archive - Originally posted on "The Horse's Mouth" - 2006-08-28 07:49:20 - Graham Ellis

Image maps can be a really simple and effective way of selecting from a series of options - a little bit more flexible that straightforward HTML links. We use an image map on every one of of main "Well House Consultants" pages - click on any on the languages named in our banner, and you'll be taken to a page about thet language, etc ...

Yesterday, I grabbed a series of possible "theme" pictures ... details of just what I'm up to another day ... and I want to present them on a single page for browsing, with the ability to zoom in on any one of them. Perfect use for an image map; try clicking on one of the thumbnails here and you'll see what I mean.



If you would like to see the source code or come on a course to teach you ... well ... just click on the links I've just given you.

Can you work out what links all 16 images in my example?