grazie della risposta
volevo fare più meno quello, ma ho chiarito le idee e sono arrivato a questo.
codice:
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
<!--
var j;
function setup_zoom(){
	images=document.getElementById("gallery").getElementsByTagName("a");
}
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(images.length > 1){
		scroll=document.getElementById("scroll_image");
		scroll.style.visibility="visible";
	}
	j=i;
	putimage(i);
}
function zoomout(){
	div_image=document.getElementById("image");
	div_image.style.visibility="hidden";
}
function putimage(i){
	zoommata.src=images.item(i).getAttribute("href");
	div_zoom=document.getElementById("image_zoomed");
	div_zoom.innerHTML=str;
}
function nextback(c){	
	switch(c){
		case 1:
			if(j>0){
				j--;
				putimage(j);
			}
			break;
		case 2:
			if(j<(images.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="scroll_image">[img]r4.gif[/img][img]r2.gif[/img]</div>
	</div>
</body>
</html>
ora non mi resta che fare a meno dell' "onclick" nei tag delle immagini, devo fare una cosa del genere?
codice:
for (i=0;i<images.length;i++){
   images.item(i).onclick = zoomin(i);
}
per evitare che il collegamento mi reindirizzi all'immagine come posso fare?
vorrei seguire questo metodo, in modo che chi visita questa pagina e non ha gli javascript abilitati, possa lo stesso vedere l'immagine ingrandita.
grazie
Marco