Come si effettua il rollover su un'immagine?

Utente HTML.it
chiede

Come si effettua il rollover su un'immagine?

Redazione HTML.it
risponde

Effettuare un cambio di immagine con JavaScript è relativamente semplice.
È sufficiente effettuare il preload dell’immagine per evitare spiacevoli effetti di ritardo nel caricamento, e poi basta sostituire l’immagine presente in pagina con la nuova immagine.

Ad esempio, per cambiare la seguente immagine:

<img name=”nomeImmagine” src=”vecchiaImmagine”/>

e poi è sufficiente utilizzare la seguente sintassi:

document.images[‘nomeImmagine’].src = ‘nuovaImmagine.jpg’;

Tuttavia attualmente la tecnica più accreditata prevede che il cambiamento di immagine sia effettuato utilizzando i CSS e non JavaScript.