Simple demo of client side imagemap

External references: http://htmlhelp.com/reference/html40/special/map.html - from 2006

Annoyingly the map does not scale if you use something like width=100% in the img to scale the image (at least in Firefox 3.0.1.4 on FC10). I'm sure something nasty could be done with JavaScript DOM manipulation to bodge it, but maybe there's a nicer way???

Note that IE(8) automagically uses the alt attribute of the area entities to do a tooltip on each area - if you want this sort of thing on other browsers, it looks like a DIY job. (Or maybe you can abuse the title attribute?)

Top quarter goes to Google Middle left quarter goes to BBC Top quarter goes to Sky Bottom quarter goes to Bing

The kdesnake image below is a 256x256 PNG

KDE Snake icon
Debug messages will appear here