ho parzialmente risolto con questo codice:
codice HTML:
 <script type="text/javascript">
imgs=Array("IMG_0550.JPG","minion.jpg","viola.jpg","pedina_red2.png","pedina_blue2.png","IMG_0550.JPG");
var x=0;

function change() {
document.getElementById("bob").src=imgs[++x];

if (x==5) {
x=0;
}
}
      </script><img
 src="IMG_0550.JPG" id="bob" alt="visual game"
 style="width: 101px; height: 135px;" onmousedown="change()">
il problema è questo: seppur funzionando correttamente, nella pagina ho una tabella dove ricorre in più celle questa immagine con la stessa funzione. il problema è che se clicco su una qualsiasi immagine, cambia solo la prima immagine nella prima cella, e non quella selezionata.
come posso fare?