Salve a tutti, sto cercando di realizzare un effetto che purtroppo non mi sta riuscendo e per questo chiedo l'aiuto di voi esperti del forum... Ho realizzato una cartina dell'italia sensibile alle regioni e fin qui tutto ok, riporto un esempio del codice:
L'immagine regioni.gif è una semplice cartina dell'italia bianca con i contorni neri delle regioni. Per ogni regione ho realizzato un'immagine uguale a regioni.gif ma con la regione interessata colorata di rosso. Ora quello che vorrei fare è che quando il mouse passa sul poligono della toscana, ad esempio, l'immagine cambi e sia sostituita con quella con la toscana evidenziata in rosso, e così via muovendo il mouse sulla cartina, al variare del poligono associato alla regione, far variare anche l'immagine sottostante.[img]regioni.gif[/img]
<map name="regioni">
<area shape="poly" coords="59,72,61,65,63,63,62,60,66,58,70,61,71,68, 76,72,66,79,60,73" href="regioni/umbria.htm" alt="Umbria">
<area shape="poly" coords="37,46,39,49,43,67,49,74,50,78,59,72,61,64, 62,63,62,59,66,57,63,55,59,55,55,49,51,49,48,49,43 ,45,38,42,35,43" href="regioni/toscana.htm" alt="Toscana">
</map>
Non so se mi sono riuscito a spiegare...
E' possibile realizzarlo? L'evento OnMouseOver e OnmouseOut non sembra funzionare all'interno di AREA...
Da precisare che vorrei realizzarlo senza ulteriori files associati ma direttamente nel codice della pagina principale.
Grazie a tutti per l'aiuto.
Rispondi quotando
