Catalogo con immagine

[manu.aretuseo]

Buongiorno a tutti.
Ho un'elenco di 10 prodotti...Accanto a questo elenco ho uno spazio riservato ad un'immagine. Vorrei che al passaggio del mouse su di ogni prodotto mi venga caricata un'immagine diversa che lo caratterizza.

E' possibile far ciò con JS?
Se si, qualcuno può dirmi come fare?

Grazie a tutti.

[Sballerio]

Prova così:

<table>
<tr>
<td onMouseOver="immagine.src='immagine2.jpg'" onMouseOut="immagine.src='immagine1.jpg'">testo</td>
</tr>
</table>
[img]immagine1.jpg[/img]

oppure con un div

<div onMouseOver="immagine.src='immagine2.jpg'" onMouseOut="immagine.src='immagine1.jpg'">testo</td>
</div>
[img]immagine1.jpg[/img]

Non so dirti se ci sia qualcosa di più efficente ma almeno funziona

Attenzione che le due immagini devono avere le stesse dimensioni altrimenti può creare dei problemi

[lake86]

Originariamente inviato da Sballerio
Prova così:

<table>
<tr>
<td onMouseOver="immagine.src='immagine2.jpg'" onMouseOut="immagine.src='immagine1.jpg'">testo</td>
</tr>
</table>
[img]immagine1.jpg[/img]

oppure con un div

<div onMouseOver="immagine.src='immagine2.jpg'" onMouseOut="immagine.src='immagine1.jpg'">testo</td>
</div>
[img]immagine1.jpg[/img]

Non so dirti se ci sia qualcosa di più efficente ma almeno funziona

Attenzione che le due immagini devono avere le stesse dimensioni altrimenti può creare dei problemi

non va come detto da te , va fatto cosi, ( mancava un getElementbyd)

<table>
<tr>
<td onMouseOver="document.getElementById('immagine').src='immagine2.jpg'" onMouseOut="document.getElementById('immagine').src='immagine1.jpg'">testo</td>
</tr>
</table>
[img]immagine1.jpg[/img]

oppure con un div

<div onMouseOver="document.getElementById('immagine').src='immagine2.jpg'" onMouseOut="document.getElementById('immagine').src='immagine1.jpg'">testo</td>
</div>
[img]immagine1.jpg[/img]

[Sballerio]

Hai ragione, io ho postato il mio frammento di codice fatto su file apposito

[manu.aretuseo]

Grazie, provo la vostra soluzione subito...
Buona giornata