Garve Scott-Lodge's

Sorry Excuse for a Blog

Rollover Map

20 September 2012

Back in 2004 I created a rollover map using a single image and CSS, which I added to a page on Plexus Media's website with an explanation of how it's done. I'd forgotten all about it, but recently on checking Google Analytics found that although the page no longer exists, lots of people still want to view it.

In case it's of any use, I've recreated it here.


Created after reading 'CSS Sprites: Image Slicing's Kiss of Death' on A List Apart

The various counties on the map turn yellow when hovered over, but rather than use lots of images to do this, there's only one! See it here.

The code to make this work is here.

Further comments about it can be found on www.alistapart.com/discuss/sprites