Lupe.js es una biblioteca Javascript para crear efecto de una lupa sobre una imágen.

mapa-lupeLas principales características de esta son:

  • rápida y fácil de implementar;
  • funciona muy bien;
  • el diseño de la lupa se puede cambiar,
  • y además es gratis para uso no comercial y privado (para usarla en un proyecto comercial existe una licencia).

simpson-lupe

Tiene una restricción y es que no es aconsejable usar varias veces el script en la misma página. Para usarla solo hay que añadir:

  • onload=”initLoupe(this.id);”

Tiene varios parámetros, algunos opcionales como el ancho y el alto de la imágenes y las visibilidad del lupa.

Hice algunas pruebas y además por la documentación que leí y los demos que hay en la página, me pareció muy fácil de implementar, tiene un alto grado de personalización y el efecto es bastante vistoso. Me gustó mucho, también en la página encontrarás algunas otras bibliotecas de efectos de las que iré hablando a medida que las pueda probar.

monalisa-lupe

Vía: RUDEWORKS

Otras bibliotecas:

Artículo recomendado:

Tags: , , , ,

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT