Inserire la Descrizione su visualizzatore di immagini

[fenderiko]

Salve, ho a disposizione un semplicissimo script per visualizzare una serie di immagini su una pagina html. Vorrei poter aggiungere anche la visualizzazione delle descrizioni associate ad ogni singola immagine. Come va modificato il seguente sorgente? Di seguito indico le linee di programma presenti su HEAD e BODY:

NEL TAG HEAD E' PRESENTE QUESTO SCRIPT:

<script language="JavaScript">
n=0
foto=new Array()
foto[0]="mario-01.jpg"
foto[1]="mario-02.jpg"
foto[2]="mario-03.jpg"
foto[3]="mario-04.jpg"
foto[4]="mario-05.jpg"
function ava() {
if(n<4) {
n++
document.foto.src=foto[n]
}
}
function ind() {
if(n>0) {
n--
document.foto.src=foto[n]
}
}
</script>


NEL TAG BODY è PRESENTE QUESTO CODICE:

<img name="foto" src="mario-01.jpg" border=0 height=550><br><br>
<form>
<input type=button value="<<" onClick="ind()"> &nbsp &nbsp
<input type=button value=">>" onClick="ava()">

[m4rko80]

Ciao, al posto di un array sarebbe piu' comodo un object

 var foto = {};
 foto[0] = {'src':'mario-01.jpg', 'caption':'Descrizione 1'};
 foto[1] = {'src':'mario-02.jpg', 'caption':'Descrizione 2'};

A questo punto nel ciclo avresti

document.foto.src=foto[n].src

Lo stesso per il testo che andrai ad aggiungere
Aggiungi il tag html per la descrizione, dagli un id e fai lo stesso come per src

<div id="caption"></div>
document.getElementById('caption').innerHTML =foto[n].caption;