magiczoom

[el_loco90]

amigos:
estoy insertando la aplicacion zoom magiczoom, el tema es que no me funciona y no me doy cuenta lo que hago mal ¿alguien me puede dar una mano?

les paso como lo estoy haciendo

las llamadas:

Código HTML:

<link href="magiczoom.css" rel="stylesheet" type="text/css" media="screen"/>
 

Código Javascript:

<script src="magiczoom.js" type="text/javascript"></script>
 

funcion

Código Javascript:

<script>
function pasarZoom(nombreImg)
{
    var tagImg = document.getElementById('imagen_mayor');
    tagImg.src = nombreImg;
    MagicZoom.makeZoomable(document.getElementById("imagen_mayor"), nombreImg, document.getElementById(nombreImg), 300, 300, false);
}
</script>
 

galeria de imagenes

Código HTML:

<th width="40%" height="349" scope="col"><table width="100%" align="right" class="ninguno">
                      <tr>
                        <td width="64" align="center"><img src="<?php echo $foto1 ?>" alt="03" width="63" height="35" border="0" onmouseover="pasarZoom('<?php echo $foto1 ?>').src='<?php echo $foto1 ?>'"/></td>
                        <td width="64" align="center"><img src="<?php echo $foto2 ?>" alt="03" width="63" height="35" border="0" onmouseover="pasarZoom('<?php echo $foto2 ?>').src='<?php echo $foto2 ?>'"/></td>
                        <td width="64" align="center"><img src="<?php echo $foto3 ?>" alt="03" width="63" height="35" border="0" onmouseover="pasarZoom('<?php echo $foto3 ?>').src='<?php echo $foto3 ?>'"/></td>
                        <td width="64" align="center"><img src="<?php echo $foto4 ?>" alt="03" width="63" height="35" border="0" onmouseover="pasarZoom('<?php echo $foto4 ?>').src='<?php echo $foto4 ?>'"/></td>
                        <td width="64" align="center"><img src="<?php echo $foto5 ?>" alt="03" width="63" height="35" border="0" onmouseover="pasarZoom('<?php echo $foto5 ?>').src='<?php echo $foto5 ?>'"/></td>
                        <td width="64" align="center"><img src="<?php echo $foto6 ?>" alt="03" width="63" height="35" border="0" onmouseover="pasarZoom('<?php echo $foto6 ?>').src='<?php echo $foto6 ?>'"/></td>
                        <td width="64" align="center"><img src="<?php echo $foto7 ?>" alt="03" width="63" height="35" border="0" onmouseover="pasarZoom('<?php echo $foto7 ?>').src='<?php echo $foto7 ?>'"/></td>
                        <td width="63" align="center"><img src="<?php echo $foto8 ?>" alt="03" width="63" height="35" border="0" onmouseover="pasarZoom('<?php echo $foto8 ?>').src='<?php echo $foto8 ?>'"/></td>
                      </tr>
                      <tr>
                        <td id="bigimg" height="295" colspan="9"><img src="<?php echo $foto1 ?>" name="imagen_mayor" width="533" height="327" id="imagen_mayor" /></td>
                      </tr>
                  </table></th>
 

mil gracias a todos