Salve,
sono un neofita di javascript e mi trovo a risolvere il seguente problema...

Ho una serie di miniature che, cliccate opportunamente, dovrebbero far visualizzare le loro immagini corrispondenti a dimensione reale, sotto le miniature stesse.

Ho pensato a qualcosa come una funzione che apre l'immagine grande in un div, ma non sono proprio esperto in materia sul da farsi. Attualmente sono solo riuscito a creare dei collegamenti all'immagine in una pagina bianca (_blank) e funziona correttamente, ma io devo realizzare il collegamento all'interno della stessa pagina e sotto le miniature descritte prima...

vi posto il codice del mio esempio...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Funzione Javascript Immagini</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="JavaScript">
<!--
// definizione delle variabili dello script, riga che contiene un tot numero di foto e foto di partenza
riga_foto = 4;
numero_foto = 1;

// creazione di due vettori, uno per le miniature, l'altro per le foto grandi...
big_foto = new Array;
min_foto = new Array;

// indicizziamo le foto per i vettori creati seguendo l'ordine stabilito dal nome della foto...
big_foto[0] = 'big_1.jpg'
min_foto[0] = 'small_1.jpg'
big_foto[1] = 'big_2.jpg'
min_foto[1] = 'small_2.jpg'
big_foto[2] = 'big_3.jpg'
min_foto[2] = 'small_3.jpg'
big_foto[3] = 'big_4.jpg'
min_foto[3] = 'small_4.jpg'

// Creiamo la funzione che si occuperà di cambiare l'immagine al click del mouse...
function CambiaImmagine(num){
window.open(big_foto[num], "_blank");
}
-->
</script>
</head>

<body>
<script type="text/javascript" language="JavaScript">
<!--
// Realizziamo un ciclo che permette di valutare tutti gli elementi del vettore per le foto grandi...
for(a=0; a<big_foto.length; a++){
document.write('[img]'+min_foto[a]+'[/img]');
}

-->
</script>
</body>
</html>