gracias por contestar este es el codigo
<div id="zoomer">
<script language="javascript">
jQuery.noConflict();
jQuery("#zoom_01").elevateZoom({
scrollZoom : true,
zoomType : "lens",
lensShape : "round",
lensSize : 200
});
</script>
<h1>Basic Zoom Example</h1>
<img id="zoom_01" src='elevatezoom-master/images/small/image1.png' data-zoom-image="elevatezoom-master/images/large/image1.jpg"/>
<br />
</div>
esta es la imagen(1) que genera
esta es recargada por un codigo que esta en el index
<script>
function cargar(div, desde)
{
$(div).load(desde);
}
</script>
el asunto es que al dar un click en calzados esta se recarga en la columna derecha de la imagen(2)
esta a su vez al darle click sobre muestrario 1 carga y el resultado es la primera imagen, el asunto es que hasta ahí todo bien, pero si vuelvo a recargar la lista de calzados, recarga pero al pasar el mouse en la parte superior izquierda aparece un redondo blanco, que creo que es el efecto de lupa del efecto zoom