jQueryAndImageMaps.html

<div>Hover over swatch</div>
<img src="http://markistaylor.files.wordpress.com/2012/05/swatches.jpg" 
  alt="Swatches" usemap="#swatchmap" />

<map name="swatchmap">
  <area shape="rect" coords="0,0,20,20" alt="Graphite" />
  <area shape="rect" coords="24,0,44,20" alt="Snow" />
  <area shape="rect" coords="50,0,70,20" alt="Poppy" />
  <area shape="rect" coords="77,0,97,20" alt="Caynene" />
  <area shape="rect" coords="103,0,123,20" alt="Tan" />
</map>

<div>Hovered swatch: <span id="hoveredSwatch"></span></div>

<div>Selected swatch: <span id="selectedSwatch"></span></div>