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>
Rispondi quotando
