cambio immagine con passaggio del mouse su parte dell'immagine d'origine

[frascocci8]

Buonasera,
stavo cercando un modo con cui provare a fare una cosa del genere:
ho un immagine d'origine che è divisa in parti tramite l'uso di coords (poly). Vorrei che al passaggio del mouse su ognuna di queste parti di immagine origine, questa venisse sostituita da un'altra img delle stesse dimensione.
Spero di essere stato chiaro.
Vi posso lasciare postato il modo in cui ho fatto che però non funge:

<map name="Name">
<area href="pag/1.htm" shape="poly" coords="379,11,413,5,443,39,441,96,398,131,365,110,366,52,379,11" onMouseOver="this.src='img/1.jpg';" onMouseOut="this.src='img/0.jpg';">
<area href="pag/2.htm" shape="poly" coords="119,85,155,96,170,150,139,238,89,207,82,143,119,85" onMouseOver="this.src='img/2.jpg';" onMouseOut="this.src='img/0.jpg';">
<area href="pag/3.htm" shape="poly" coords="205,14,237,6,265,38,274,92,231,134,198,96,190,49,205,14" onMouseOver="this.src='img/3.jpg';" onMouseOut="this.src='img/0.jpg';">
</map>
	[img]img/0.png[/img]

Vi ringrazio in anticipo
ciao ciao!!

[Vincent.Zeno]

ciao e benvenuto sul forum

ricorda di usare il tag code per postare codice, grazie
http://forum.html.it/forum/showthrea...hreadid=310046

[NonCeLaFaccio+]

Ciao,
non so se ho capito bene, comunque ci provo, si tratta di assegnare un id univoco all'immagine e poi modificare l'src del tag con quell'id e non del this:

<map name="Name">
<area href="pag/1.htm" shape="poly" coords="379,11,413,5,443,39,441,96,398,131,365,110,366,52,379,11" onMouseOver="document.getElementById('img_mappa').src='img/1.jpg';" onMouseOut="document.getElementById('img_mappa').src='img/0.jpg';">
<area href="pag/2.htm" shape="poly" coords="119,85,155,96,170,150,139,238,89,207,82,143,119,85" onMouseOver="document.getElementById('img_mappa').src='img/2.jpg';" onMouseOut="document.getElementById('img_mappa').src='img/0.jpg';">
<area href="pag/3.htm" shape="poly" coords="205,14,237,6,265,38,274,92,231,134,198,96,190,49,205,14" onMouseOver="document.getElementById('img_mappa').src='img/3.jpg';" onMouseOut="document.getElementById('img_mappa').src='img/0.jpg';">
</map>
	[img]img/0.png[/img]

era questo che ti serviva?

ciao

[frascocci8]

si perfetto proprio quello che mi ci voleva!!!
grazie sei un idolo!!!