Div, onClick, img e cambio foto

[ricman]

In questo semplice codice (in php sarà generato per bene):

Clicca per cambiare foto

<div id="foto">
  [img]foto.jpg[/img]
</div>

vorrei aggiungere un onClick all'href per cambiare foto.jpg.
Come si fa?

Aggiungo pure che avrò 4 link per 4 foto e che le foto da visualizzare pesano intorno ai 25Kb ciascuna... Comporta rallentamenti o le foto vengono caricate al momento del click?

Grazie mille
Ciao

[floyd]

se metti un id al img fai prima
<img id="immagine" ...>
<a href="#" onclick="document.getElementById('immagine').src=' nuova foto'">
se non puoi devi usare il dom

function cambia(nuovaSrc) {
  var theDiv = document.getElementById('foto');
  var theImg = theDiv.getElementsByTagName('img')[0];
  theImg.src = nuovaSrc;
}

[ricman]

Originariamente inviato da floyd
se metti un id al img fai prima
<img id="immagine" ...>
<a href="#" onclick="document.getElementById('immagine').src=' nuova foto'">

Perfetto. Va benissimo.

Grazie mille.