mapping dell'immagine per pulsante e mouseover

danjde

mapping dell'immagine per pulsante e mouseover

Ciao Amici,
vorrei realizzare un pulsante composto da un immagine con area mappata (tramite Gimp);

ho realizzato la mappatura e l'area definita risulta correttamente cliccabile, tuttavia vorrei dare un effetto grafico (anche solo un cambio di tonalità) all'area deputata a pulsante;

ho provato inizialmente utilizzando due immagini, ma il mouseover non mi da nessun risultato e mi chiedevo anche se fosse corretto utilizzare due immagini invece che un metodo tramite css per la variazione di una semplice tonalità.

ecco il codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>prova</title>
  </head>
  <body>
    <img src="cosmogonia.org/cosmogoniA/tmp/pulsante.png" usemap="#map" width="271"
      height="273" border="0"> <map name="map">
      <!-- #$-:Image map file created by GIMP Image Map plug-in -->
      <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
      <!-- #$-:Please do not edit lines starting with "#$" -->
      <!-- #$VERSION:2.3 -->
      <!-- #$AUTHOR:danjde --> <area shape="poly"
coords="9,168,267,167,267,115,251,71,230,42,190,14,160,4,109,3,65,20,42,40,15,73,4,112,1,143,5,168"
        onmouseover="cosmogonia.org/cosmogoniA/tmp/pulsante_over.png'"
        onmouseout="cosmogonia.org/cosmogoniA/tmp/pulsante.png'"
        href="cosmogonia.org">
    </map>
  </body>
</html>

grazie infinite

davide