Zoomy es un plugin jQuery para hacer zoom a imágenes. Para lograrlo utiliza dos copias de una misma imagen, la primera es la que se muestra en el documento originalmente y la segunda es la que se utiliza para mostrar la ampliación.
Este plugin cuenta con varias e interesantes opciones de configuración, una de ellas es la de poder configurar el tamaño del zoom a realizar. Otra buena opción nos permite configurar el aspecto visual de la lupa, como así también el tipo de sombra o brillo a utilizar.
Ejemplo de implementación:
$('.zoom').zoomy({
zoomSize: 270,
round: true,
glare: true,
zoomText: click to Zoom
});
Una aclaración: Zoomy utiliza tres tipos distintos de estilos CSS3, razón por la que podremos observar diferencias entre los distintos navegadores, no obstante el plugin cuenta con las herramientas necesarias para desactivar las opciones que utilizan CSS3 y lograr una perfecta compatibilidad con los diversos navegadores del mercado.
Web: Zoomy
