Cita:
Iniciado por fjrueda 
Le falta hacer uso de la etiqueta <a> ..... fijese bien en el ejemplo.
y esto >>onmouseover="enterPhoto(this)('<?php echo $foto1 ?>').src='<?php echo $foto1 ?>'"/<< esta totalmente mal implementado, deje el evento solo con el llamdo a la funcion.
ahi me anduvo pero sobre la imagen, como hago para que salga a lado y no sobre la foto
asi tengo el codigo
<script>
function enterPhoto(photo)
{
var takeUrl = photo.src;
var image290 = takeUrl.replace("90", "290");
var image1000 = takeUrl.replace("90", "1000");
document.getElementById("imagen_mayor").src = image290;
document.getElementById("imagen_mayor").href = image1000;
}
</script>
</head>
<body>
<div>
<a href="<?php echo $foto2 ?>" rel="zoom-id:showcase" rev="<?php echo $foto2 ?>"><img src="<?php echo $foto2 ?>" alt="02" width="63" height="35" border="0" onmouseover="enterPhoto(this);"/></a>
<a href="<?php echo $foto3 ?>" rel="zoom-id:showcase" rev="<?php echo $foto3 ?>"><img src="<?php echo $foto3 ?>" alt="03" width="63" height="35" border="0" onmouseover="enterPhoto(this);"/></a>
<a href="<?php echo $foto4 ?>" rel="zoom-id:showcase" rev="<?php echo $foto4 ?>"><img src="<?php echo $foto4 ?>" alt="04" width="63" height="35" border="0" onmouseover="enterPhoto(this);"/></a>
</div>
<a id="showcase" href="<?php echo $foto2 ?>" class="MagicZoom" rel="selectors-change: mouseover; zoom-position: inner;" title=""><img id="imagen_mayor" neme="imagen_mayor" src="<?php echo $foto2 ?>" width="533" height="327" alt="5" /></a>
</body>
</html>