Sto cercando di fare una gallery di immagini che faccia
le thumb in automatico e che cliccando su di esse faccia
l'ingrandimento. Sia le thumb che l'ingrandimento dovranno avere
una dimensione massima di larghezza e/o altezza.

Sono riuscito a far fare allo script le thumb.
Non riesco a vedere le immagini ingrandite,
per intenderci quelle che dovrebbero risultare dalla funzione
change_picture(x)

Ho fatto un po di prove e ottengo solo 2 errori diversi:
1) riesco a vedere l'immagine ingrandita ma senza ridimensionamento (dimensioni originali della foto).
2) riesco a ridimensionare l'immagine solo al primo click ma i successivi click
non avranno effetto sulle dimensioni della nuova immagine.

Questo lo script:

Codice PHP:
<head>
<script language="javascript">
function change_picture(x) {
    immagine.src = "/images/" + x + ".jpg'";
    xi = immagine.width;
    yi = immagine.height;
    if (xi > yi) {
        yi = (350/xi) * yi;
        xi = 350;
    } else {
        xi = (550/yi) * xi;
        yi = 550;
    }

}
</script>
</head>

<body>


[img]/images/1.jpg[/img]



<script language="javascript">
 <!--
    img1 = new Image();
    img1.src = "/images/1.jpg";
    x1 = img1.width;
    y1 = img1.height;
    if (x1 > y1) {
        y1 = (100/x1) * y1;
        x1 = 100;
    } else {
        x1 = (100/y1) * x1;
        y1 = 100;
    }

    document.write("[url='javascript:change_picture(1);'][img]" + img1.src + "[/img][/url]");
 //-->
</script>



<script language="javascript">
 <!--
    img2 = new Image();
    img2.src = "/images/2.jpg";
    x2 = img2.width;
    y2 = img2.height;
    if (x2 > y2) {
        y2 = (100/x2) * y2;
        x2 = 100;
    } else {
        x2 = (100/y2) * x2;
        y2 = 100;
    }

    document.write("[url='javascript:change_picture(2);'][img]" + img2.src + "[/img][/url]");
 //-->
</script>

</body> 

Sto utilizzando firefox 2.0 ed epiphany 1.4.8.
Se possibile, qualche aiuto?