Una ayudita con implementacion de zoom

[propag]

Soy nuevo en esto de las paginas y estoy tratando de implementar un pequeño zoom sobre una imagen que funciona pasando el cursor del mouse encima, el chiste es que funciona, pero cuando vuelvo a cargar otra cosa en el div en la cual cargué el zoom, pareciera que este ultimo solo queda debajo, si bien visualmente ya no esta, al pasar el mouse en la esquina superior izquierda aparece un redondo que por lo que noto pertenecía a la lupa, e intentado mucho quitarlo y no he logrado avances, desde ya agradezco la ayuda que me puedan brindar si es que a alguno le ha pasado lo mismo.

[PHPeros]

Puedes poner el código?

[propag]

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