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.