una guida! [al rollover]

[spqr]

Devo creare una tabella di questo tipo:

<tr><td></td><td>uno</td><td></td></tr>
<tr><td>quattro</td><td>centro</td><td>due</td></tr>
<tr style="text-align: center"><td></td><td>tre</td><td></td></tr>

in cui ogni volta che il mouse passa sopra una qualunque cella (tranne la centrale) l'immagine posta nella cella centrale cambia.
Non so quasi nulla di js, ma intuisco che non dovrebbe essere una cosa difficile, per questo vi chiedo di indicarmi una guida da scaricare in grado di darmi le nozioni utili al mio scopo.

PS.quella di html.it mi è sembrata un po' troppo astratta, com pochi esempi applicati, ma forse mi sbaglio, consigliatemi voi per favore

GRAZIE!

[Reale_Augello]

... così:

<tr><td onMouseOver="document.images['myimage'].src='immagine1.gif';" onMouseOut="document.images['myimage'].src='immagine0.gif';"></td><td onMouseOver="document.images['myimage'].src='immagine2.gif';" onMouseOut="document.images['myimage'].src='immagine0.gif';">uno</td><td onMouseOver="document.images['myimage'].src='immagine3.gif';" onMouseOut="document.images['myimage'].src='immagine0.gif';"></td></tr> 
<tr><td onMouseOver="document.images['myimage'].src='immagine4.gif';" onMouseOut="document.images['myimage'].src='immagine0.gif';">quattro</td><td>[img]immagine0.gif[/img]</td><td onMouseOver="document.images['myimage'].src='immagine5.gif';" onMouseOut="document.images['myimage'].src='immagine0.gif';">due</td></tr> 
<tr style="text-align: center"><td onMouseOver="document.images['myimage'].src='immagine6.gif';" onMouseOut="document.images['myimage'].src='immagine0.gif';"></td><td onMouseOver="document.images['myimage'].src='immagine7.gif';" onMouseOut="document.images['myimage'].src='immagine0.gif';">tre</td><td onMouseOver="document.images['myimage'].src='immagine8.gif';" onMouseOut="document.images['myimage'].src='immagine0.gif';"></td></tr>

Ciao !

[spqr]

grazie