Zoomy: Zoom con jQuery

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

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas