Foros del Web » Creando para Internet » CSS »

problemas al crear una lupa para mi web

Estas en el tema de problemas al crear una lupa para mi web en el foro de CSS en Foros del Web. bueno aqui un novato preguntando de nuevo quiero crear una imagen que me ponga un efecto de lupa en una imagen de mi web qui ...
  #1 (permalink)  
Antiguo 01/11/2011, 17:45
 
Fecha de Ingreso: octubre-2011
Ubicación: oaxaca
Mensajes: 42
Antigüedad: 13 años, 1 mes
Puntos: 0
problemas al crear una lupa para mi web

bueno aqui un novato preguntando de nuevo quiero crear una imagen que me ponga un efecto de lupa en una imagen de mi web qui encontré un ejemplo muy bueno de muchos que he buscado de hecho simple aun que muy bueno
http://www.dailycoding.com/Posts/imagelens__a_jquery_plugin_for_lens_effect_image_z ooming.aspx
también mediante el siguiente código he agregado una lupa a la imagen aparte del efecto de aumento

<style type="text/css">
#lupamas{
cursor: url("lupa.png"), default;
}
</style>

asi lo agrego a la imagen <div id="lupamas"><img></div>

ya cheque esto para aparecer la lupa
http://www.desarrolloweb.com/articulos/cambiar-cursor-raton-css.html
http://www.desarrolloweb.com/articulos/cursor-imagen-css.html
http://www.desarrolloweb.com/articulos/cursor-imagen-css.html
http://www.desarrolloweb.com/articulos/cambiar-cursor-raton-css.html


la lupa de iamgen q tengo no tiene relleno al centro solo es un circulo negro con una linea que simula el mango bueno aqui esta el problema

el efecto de aumento aparece suiguiendo el puntero y al poner la lupa aparec el efecto y la lupa sobre la imagen (la imagen sobre el efecto) lo que quiero es que el circulo de umento aparesca en el mimo lugar del lente de la lupa y asi dar la idea de la lupa fuese de vrdad pero no lo logro no quedan centradas no se si es la imagen ( o sea que pongo la imagen en el puntero pero el puntero no la centra porque el centro del lente de la lupa esta justo al centro de la imagen ) o es que el efecto de aumento no esta centrado de acuerdo al puntero asi que alguien me ayude por favor esto es muy urgente y gracias y antes de que se me olvide aqui dejo la imagen y sobre eso al usar el lugar del puntero queda centrada con respecto al puntero o es que tengo que darle posicion yo mismo aun que no creo eso

http://img43.imageshack.us/img43/7735/lupah.png
(agradesco a mi amigo que subio la imagen asu cuenta )

Etiquetas: html, lupa
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 14:46.