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?
Some other articles
W504 - Not Just Text An image from a website that occasionally comes out as hyroglyphics Adding retrospective ALT attributes to IMG Dealing with overhead cables in a photograph Using server side and client side programming together A small picture does not always cut it! This article PHP Image viewing application Keep that image small Is photoajustment an addiction? M201 - Around Melksham, Wiltshire Pretty at the station too Seeing Christmas Coming to Melksham Around and about - Melksham Tell me a bit about Melksham After the storm My pictures of Melksham Carnival, 13th July 2013 Melksham - Flower Town New Pictures - Melksham Pack Horse Bridge Melksham welcomes visitors - new blue plaque trail and more Picture - between Lacock and Melksham Melksham Spa from Woolmore Farm Melksham Christmas Lights, 2012 Autumn scenes from Melksham How have Melksham shops changed in 60 years? Guest Guide for Well House Manor and Melksham Evening behind Melksham Spa Town Clean - Melksham Fine evening, country walk from Melksham - pictures Short Web Addresses for Melksham A walk around Melksham this morning. Can you place all of these? Melksham ATC - freedom of the town Some unpublished and historic pictures - Museum of Melksham The Bowerhill Villager - a newsletter for Bowerhill, Melksham A Museum for Melksham History. Open from 12th May 2012. Events in Melksham - read all about them, and tell us about yours Deeper than Art - An exhibition of the tattoo Canvas - Melksham Welcome to Melksham - our new communities Basham Festival, Melksham, early August 2012 - a welcome TrainWest 2012 - 14th and 15th April, Melksham, Wiltshire Along the brook - East Melksham to Melksham Exploring Melksham with a film maker The way of the Prioress - Melksham history pictured today Snow comes to Melksham, Wiltshire - pictures Images of the new year in Melksham Some different pictures from Melksham Melksham has a Heart - Montage picture for sale Melksham has a heart - come and see the pictures. Sunday, 11 to 3, Assembly Hall Quintessentially English - scenes from our Wiltshire town Melksham Forward - meeting summary and pictures Sunday Evening ... newest and oldest Melksham pictures Images of Melksham Currently pictured in Melksham Plenty to do in Melksham Home Grown Pigs, near Melksham Station Getting away from the madding crowd - an intercontinental journey Easter on the Canal - near Melksham, Wiltshire Morning in Melksham What have these pictures in common? Around and about Melksham in more pictures Her favourite store Seeing Electricity Pylons near Melksham Views of Melksham - November 2010 Autumn walk from Bowerhill Camilla, Duchess of Cornwall, turns first sod in Melksham Link Canal Melksham Food and Drink Fair and Town Crier Competition Dauncey Gardens, Melksham Melksham Scouts Melksham in Pictures The bull on the footpath New brochures for the Melksham area Early Spring walk in Melksham Freddies Wood and the K and A Canal Consultation in Melksham, on Melkshams future Melksham Christmas Lights Brown horses in Melksham Pantomimes around Melksham - 2009/2010 season Businesses effected by road works in Melksham Great to be in Melksham Standing on the corner, Melksham Carnival History is not always pretty Walks in and around Melksham, Wiltshire Melksham in pictures In honour of the photograph, I present ... a walk from Reybridge to Lacock Riverside Development Melksham Industrial East of Melksham Countryside Confidence, Customer Service and Tourism in Melksham The Month Ahead - What is happening in Melksham Walk to Bowerhill Going round the block Melksham Oak Community School, Melksham, Wiltshire More PHP sample and demonstration programs A little touring help during a business trip to England Getting the local voice heard Asda in Melksham - Welcome or not? Melksham Laundrette Moving to Melksham? Househunting map. While waiting for Melksham Post Office Till the cows come home Party in the Park Where and When - can you place the picture? Sorting out for a site map Wiltshire Circles Newport Male Voice Choir Melksham and Norwich Improving the historic town of Melksham Presenting Melksham - for a weekend away in Wiltshire Tuesday night is party night A lazy programmer is a good programmer This article Butterflies in a Wiltshire garden Melksham in Bloom Melksham Carnival Parade Melksham, Wiltshire Outside of the box H112 - Further Web Page and Network Handling Moving from mysql to mysqli - simple worked example Passing variable between PHP pages - hidden fields, cookies and sessions Multiple page web applications - maintaining state - PHP Telling which ServerAlias your visitor used - useful during merging domains Easy session example in PHP - keeping each customers data apart 3 digit HTTP status codes - what are they, which are most common, which should be a concern? Sending out an email containing HTML from within a PHP page Downloading a report from the web for further local analysis Uploading a document or image to its own URL via a browser How to build a test harness into your PHP Shipping a test harness with your class in PHP http, https and ajp - comparison and choice Downloading data for use in Excel (from PHP / MySQL) Keeping staff up to date on hotel room status Script to present commonly used images - PHP PHP / Web 2 logging Single login and single threaded models - Java and PHP Copyright and theft of images, bandwidth and members. Simple page password protection - PHP .php or .html extension? Morally Static Pages PHP header() function - uses and new restrictions Updating a page strictly every minute (PHP, Perl) Improving searches - from OR to AND? PHP Image upload script Passing GET parameters through Apache mod_rewrite Global, Superglobal, Session variables - scope and persistance in PHP Of course I'll tell you by email This article Hot answers in PHP Finding the language preference of a web site visitor Adding PHP tags to an old cgi program PHP - setting sort order with an associative array Using PHP to output images, XML, Style sheets, etc Morning image, afternoon image Daily Image Santafied Setting the file name for a downloaded document Accessing a page via POST from within a PHP script Server side scripting of styles to suit the browser Caching an XML feed Reading a news or blog feed (RSS) in your PHP page What brings people to my web site? Time calculation in PHP Sudoku helper or sudoku cheat Spotting a denial of service attack What language is this written in? When to use Frames G100 - Introduction to Melksham River nearly bursting its banks in Melksham Melksham government and business organisations Repost - some useful pages on our site Around and about Melksham in more pictures A walk within without - Melksham Without Ten years in Melksham - looking forward to ten more. Great to be in Melksham A future vision for Melksham Moving to Melksham? Househunting map. A lazy programmer is a good programmer This article Melksham, Wiltshire An occasional chance, and reducing data to manageable levels More maps Why are we no. 404 Free parking for short errands in Melksham