Ciao a tutti, stavo cercando di creare una galleria immagini in javascript.

Il funzionamento della galleria dovrebbe essere il seguente:

Cliccando su un link di un menu:

1) creare gli elementi "img" relativi al link con l' innerHTML:
2) fare in modo che al click di ogni elemento creato corrisponda una funzione specifica.

CODICE JAVASCRIPT:


var iw=document.getElementById("imageview")
iw.innerHTML="";
iw.style.display="block";//mostra il contenitore degli elementi

for(var i=0;i<=0;i++){
var val = 'img/img/'+ i +'.jpg'; //percorso dell' immagine ingrandita

// inserisci all' interno del' img creata il collegamento alla funzione
var href_ = 'href="javascript:' + "ViewSingle('"+ val +"');"
var str_='<a '+ href_ +';">'+

//creazione degli elementi:
'<img alt="' + i + '" title="' + i + '" src="img/'+ i +

'.jpg" height="100px" width="100px">' + '</img></a>';

iw.innerHTML+=str_;
}

}


function ViewSingle() {

//qui c' è il codice che avvia la funzione per mostrare la singola immagine grande
alert('prova funzione');

}

Il problema è che la lista delle immagini piccole viene creata però quando clicco sull' immagine non mi mostra quella più grande nonostante sia evidenziata dal collegamento.
La funzione infatti non viene richiamata...

Spero qualcuno sappia suggerirmi dove sbaglio.