sitemap | terug naar het html5 referentie - tags - overzicht
Als je met de muis over het plaatje heen gaat, zal op een bepaald moment duidelijk worden welk gedeelte van de afbeelding "gevoelig" is gemaakt voor een "mouse-over". Dit is mogelijk omdat een gedeelte van de afbeelding gedefinieerd is met <area shape="rect" coords="120,140,180,220" />. De area werkt alleen als die ingebed is in een map. De broncode van het voorbeeld, zoals op deze pagina gebruikt is, staat hieronder. De code spreekt voor zichzelf.
<p>
<img src="map.jpg" width="240"
height="250" alt="map afbeelding" usemap="#map-deel" />
<map id="map-deel" name="map-deel">
<area shape="rect" coords="120,140,180,220"
onmouseover="alert('dit gedeelte reageert op een mouseover');" alt="deel" />
</map>
</p>