Codice PHP:
<head>
<link href="style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
var j;
var imgs;
function setup_zoom(){
    imgs=document.getElementById("gallery").getElementsByTagName("a");
    for (i=0;i<imgs.length;i++){
        imgs.item(i).i=i;
        imgs.item(i).onclick=function(){return zoomin(this.i);};
    }
}
function zoomin(i){
    var ii=i;
    div_image=document.getElementById("image");
    div_image.style.visibility="visible";
    div_image.style.position="absolute";
    div_image.style.top="200px";
    div_image.style.left="200px";
    if(imgs.length > 1){
        rot=document.getElementById("rotate_image");
        rot.style.visibility="visible";
    }
    j=i;
    putimage(ii);
    return false;
}
function zoomout(){
    div_image=document.getElementById("image");
    div_image.style.visibility="hidden";
    rot=document.getElementById("rotate_image");
    rot.style.visibility="hidden";
return false;
}
function putimage(i){
zoommata.src=imgs[i].getAttribute("href");
}
function nextback(c){    
    switch(c){
        case 1:
            if(j>0){
                j--;
                putimage(j);
            }
            break;
        case 2:
            if(j<(imgs.length-1)){
                j++;
                putimage(j);
            }
            break;
    }
}
</script>
</head>
<body onload="setup_zoom()">
    <h1>GALLERIA</h1>
    <div id="gallery">
        [url="image1.jpg"][img]th-image1.jpg[/img][/url]
        [url="image2.jpg"][img]th-image2.jpg[/img][/url]
        [url="image3.jpg"][img]th-image3.jpg[/img][/url]
        [url="image4.jpg"][img]th-image4.jpg[/img][/url]
        [url="image5.jpg"][img]th-image5.jpg[/img][/url]
    </div>
    



    <div id="image">
        <div id="image_zoomed">[img][/img]</div>
        <div id="rotate_image">[img]r4.gif[/img][img]r2.gif[/img]</div>
    </div>
</body>
</html>