title: Image hover when over area <map>
body: <p>Im trying to get different images to load when hovering over the different image map zones. Is this even possible with htlm/css or java? If so how?</p>
  
  <p>Thanks</p>
  
  <p>Here's my code so far:</p>
  
  <pre><code>&lt;img id="navbar" src="img/index-navbar.png" usemap="#navmap"/&gt;
          &lt;map name="navmap"&gt;
              &lt;area id="index-hover" shape="poly" coords="0,113,125,77,126,129,0,168,0,113" href="index.html" alt="" title="" /&gt;
              &lt;area id="selfstudy-hover" shape="poly" coords="127,77,281,66,271,118,128,129,127,77" href="selfstudy.html" alt="" title="" /&gt;
              &lt;area id="exhibits-hover" shape="poly" coords="284,66,432,73,433,123,274,118,284,66" href="exhibits.html" alt="" title="" /&gt;
              &lt;area shape="poly" coords="434,73,602,87,593,138,435,123,434,73" href="committees.html" alt="" title="" /&gt;
              &lt;area shape="poly" coords="605,88,787,98,788,150,597,139,605,88" href="newsletters.html" alt="" title="" /&gt;
              &lt;area shape="poly" coords="789,98,852,95,959,59,959,114,887,143,789,151,789,98" href="selfstudy-design.html" alt="" title="" /&gt;
          &lt;/map&gt;
  </code></pre>