Ho il seguente codice di una galleria immagine:

<script type="text/javascript" language="javascript">
function visualizza(id,img,prec,next){
if (document.getElementById){
document.getElementById(id).src = img;
linkImmagine.onclick = f(next);
}
}
function f(next) {
alert(next);
//visualizza('immagine', '/images/gallery/m05.jpg', '', '');
return false;
}
</script>


Qui è dove visualizzo l'immagine in grande:

<a href="#" id="linkImmagine" name="linkImmagine">
<img id="immagine" runat="server" align=middle>
</a>

Visualizza un'anteprima delle immagini se ci clicco visualizza l'immagine

<div>
<a href="#" onclick="visualizza('immagine','/images/gallery/<%# DataBinder.Eval(Container,"DataItem.img") %>','<%# impostaPrec(DataBinder.Eval(Container,"DataItem.id ")) %>','<%# impostaSucc(DataBinder.Eval(Container,"DataItem.id ")) %>'); return false;">
<img alt='<%# DataBinder.Eval(Container,"DataItem.nome") %>' title='<%# DataBinder.Eval(Container,"DataItem.nome") %>' src='<%# impostaPercorso(DataBinder.Eval(Container,"DataIte m.img"))%>' />
</a>
</div>


Vorrei fare in modo che cliccando sull'immagine in grande venga visualizzata l'immagine successiva id="immagine", ho provato con questo codice ma non funge...

grazie