Foros del Web » Creando para Internet » HTML »

Una ayudita con implementacion de zoom

Estas en el tema de Una ayudita con implementacion de zoom en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/09/2013, 14:33
 
Fecha de Ingreso: septiembre-2013
Mensajes: 2
Antigüedad: 10 años, 10 meses
Puntos: 0
Información Una ayudita con implementacion de zoom

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.
  #2 (permalink)  
Antiguo 05/09/2013, 14:08
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 10 meses
Puntos: 578
Respuesta: Una ayudita con implementacion de zoom

Puedes poner el código?
  #3 (permalink)  
Antiguo 09/09/2013, 14:38
 
Fecha de Ingreso: septiembre-2013
Mensajes: 2
Antigüedad: 10 años, 10 meses
Puntos: 0
Pregunta Respuesta: Una ayudita con implementacion de zoom

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


Etiquetas: implementacion, zoom
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:46.