Tema: magiczoom
Ver Mensaje Individual
  #16 (permalink)  
Antiguo 25/01/2013, 18:33
el_loco90
 
Fecha de Ingreso: julio-2012
Mensajes: 234
Antigüedad: 8 años, 6 meses
Puntos: 9
Respuesta: magiczoom

Cita:
Iniciado por fjrueda Ver Mensaje
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>

Última edición por el_loco90; 25/01/2013 a las 18:34 Razón: error