Ciao dovrei fare un menu di immagini con un tasto avanti che passa all'immagine successiva,
ad esempio cliccando su un tasto mi deve comparire un div con le immagini caricate dentro e un link "avanti" che mi passa all'immagine successiva, cancellando la precedente e caricandone dinamicamente un altra.
Ho pensato di usare un loop for per cancellare l'immagine precedente e creare quella successiva, ma non è corretto,
se mi date qualche suggerimento per uscire dal tunnel


codice:
<html>
<head>

<script type="text/javascript">
function insert_image(picture, descrizione)
{
    immagine = document.createElement("img");
    immagine.setAttribute("src",picture);
    immagine.setAttribute("alt",descrizione);

    document.getElementById("image").appendChild(immagine);
  }
}

function inserire(link0,link1,link2) {

if(this.immagine)
  {
    document.getElementById("image").removeChild(immagine);
    immagine = null;
  }

foto = new Array();
foto[0]=link0; 
fot0[1]=link1;
foto[2]=link2;

i=0
for (foto[i]; i<=2; i++) {

if(document.getElementById && document.createElement)
  {
    immagine = document.createElement("img");
    immagine.setAttribute("src",foto[i]);
    immagine.setAttribute("alt","galleria");

    document.getElementById("image").appendChild(immagine);
  
if(this.immagine)
  {
    document.getElementById("image").removeChild(immagine);
    immagine = null;
  }

}
}
}


</script>
</head>


<body>
<input type="button" value="button" onclick="inserisci_immagine('http://ilcomunicatore.files.wordpress.com/2008/02/immagine-8-718951.png', 'nutella');" />
avanti>>

<div id="image">
</div>

</body>
</html>