Tema: Implementacion de zoom
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/01/2013, 17:50
el_loco90
 
Fecha de Ingreso: julio-2012
Mensajes: 234
Antigüedad: 12 años, 5 meses
Puntos: 9
Implementacion de zoom
hola amigos

estoy implementando a mi web este zoom http://www.magictoolbox.com/magiczoom/ pero no logro hacerlo funcionar

lo hago asi

Código Javascript: 
Ver original
  1. <script>
  2. function MagicZoom(nombreImg)
  3. {
  4.     var tagImg = document.getElementById('imagen_mayor');
  5.     tagImg.src = nombreImg;
  6.     MagicZoom.makeZoomable(document.getElementById("imagen_mayor"), nombreImg, document.getElementById(nombreImg), 300, 300, false);
  7. }
  8. </script>

Código HTML: 
Ver original
  1. <th width="40%" height="349" scope="col"><table width="100%" align="right" class="ninguno">
  2.                       <tr>
  3.                         <td width="64" align="center"><img src="<?php echo $foto1 ?>" alt="03" width="63" height="35" border="0" onmouseover="MagicZoom('<?php echo $foto1 ?>').src='<?php echo $foto1 ?>'"/></td>
  4.                         <td width="64" align="center"><img src="<?php echo $foto2 ?>" alt="03" width="63" height="35" border="0" onmouseover="MagicZoom('<?php echo $foto2 ?>').src='<?php echo $foto2 ?>'"/></td>
  5.                         <td width="64" align="center"><img src="<?php echo $foto3 ?>" alt="03" width="63" height="35" border="0" onmouseover="MagicZoom('<?php echo $foto3 ?>').src='<?php echo $foto3 ?>'"/></td>
  6.                         <td width="64" align="center"><img src="<?php echo $foto4 ?>" alt="03" width="63" height="35" border="0" onmouseover="MagicZoom('<?php echo $foto4 ?>').src='<?php echo $foto4 ?>'"/></td>
  7.                         <td width="64" align="center"><img src="<?php echo $foto5 ?>" alt="03" width="63" height="35" border="0" onmouseover="MagicZoom('<?php echo $foto5 ?>').src='<?php echo $foto5 ?>'"/></td>
  8.                         <td width="64" align="center"><img src="<?php echo $foto6 ?>" alt="03" width="63" height="35" border="0" onmouseover="MagicZoom('<?php echo $foto6 ?>').src='<?php echo $foto6 ?>'"/></td>
  9.                         <td width="64" align="center"><img src="<?php echo $foto7 ?>" alt="03" width="63" height="35" border="0" onmouseover="MagicZoom('<?php echo $foto7 ?>').src='<?php echo $foto7 ?>'"/></td>
  10.                         <td width="63" align="center"><img src="<?php echo $foto8 ?>" alt="03" width="63" height="35" border="0" onmouseover="MagicZoom('<?php echo $foto8 ?>').src='<?php echo $foto8 ?>'"/></td>
  11.                       </tr>
  12.                       <tr>
  13.                         <td id="bigimg" height="295" colspan="9"><img src="<?php echo $foto1 ?>" name="imagen_mayor" width="533" height="327" id="imagen_mayor" /></td>
  14.                       </tr>
  15.                   </table></th>

obviamentes con las llamadas a los archivos js y css del zoom

¿alguien me puede explicar lo que estoy haciendo mal para que no ande?
gracias