questo è il codice corretto, funziona tutto perfettamente apparte il problema del collegamento, te lo hosto da qualche parte così lo vedi?codice:<html> <head> <link href="style.css" rel="stylesheet" type="text/css"/> <script type="text/javascript"> <!-- var j; function setup_zoom(){ imgs=document.getElementById("gallery").getElementsByTagName("a"); for (i=0;i<imgs.length;i++){ imgs.item(i).onclick=function(){return zoomin(i);}; } } function zoomin(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(i); return false; } function zoomout(){ div_image=document.getElementById("image"); div_image.style.visibility="hidden"; rot=document.getElementById("rotate_image"); rot.style.visibility="hidden"; } function putimage(i){ zoommata.src=imgs.item(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"> [img]th-image1.jpg[/img] [img]th-image2.jpg[/img] [img]th-image3.jpg[/img] [img]th-image4.jpg[/img] [img]th-image5.jpg[/img] </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>
grazie
Marco

Rispondi quotando