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

Las 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).

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.

Vía: RUDEWORKS

Otras bibliotecas:

• jQuery Cycle Plugin – Complemento para presentaciones
• ModalBox – Biblioteca Javascript para crear popups y wizards al estilo Web 2.0
• Instant.js – Biblioteca javascript para efecto Polaroid
• Wet floor – Herramienta web para efecto de piso mojado
• glider.js – Biblioteca Javascript para efectos deslizante de imágenes
• Pamoorama – Biblioteca Javascript para visualizar imágenes panorámicas
• df Javascript Smooth Scroll – Biblioteca JavaScript de efecto de desplazamiento
• reflection.js Y otras bibliotecas Javascript para aplicar efectos
• Simple Javascript Progress Bar with CSS – Biblioteca Javascript para barras de progreso con CSS

Artículo recomendado:

• Recopilación de frameworks, bibliotecas y otros recursos para desarrollo web

Tags: loupe.js, biblioteca, javascript, efecto, lupa

Desarrollo, Diseño, Recursos Curiosidad, Desarrollo, Diseño, Recursos