35 Efectos de Zoom con jQuery

Los efectos jQuery que traemos hoy están relacionados con los efectos de zoom variados, interesantes sobre todo cuando tienes que visualizar galerías de imágenes o cuando quieres mostrar productos y necesitas que los usuarios puedan hacer zoom sobre ellos para visualizarlos en detalle.

La forma en la que funcionan estos efectos de zoom suele ser bastante intuitiva, normalmente basta con mover el puntero del ratón sobre la imagen en cuestión para que el efecto salte a primer plano sobre la imagen. Veamos aquí una recopilación de estos efectos que puedes utilizar en tus proyectos.

Epic Zoom

efectos-zoom-jquery-epic-zoom-effect
Funciona con un archivo js sin necesidad de CSS, funciona con formatos flotantes, puedes configurar el nivel de aumento o zoom y tres modos de uso diferentes, utilizando una imagen o dos.
Ver

ImageLens

efectos-zoom-jquery-imagelens
Con este plugin jQuery no solo haces zoom sobre una imagen, sino que además incluye algún que otro efecto, como lupa circular y blanco y negro para el resto de la imagen no ampliada
Ver

Cloud Zoom

efectos-zoom-jquery-cloudzoom
Cloud Zoom es un plugin jQuery gratuito, pero con tanta calidad como otros de pago, al menos eso afirma el programador. Incluye un código reducido que no ocupa mucho espacio y dispone de muchas características configurables.
Ver

Giga Image Viewer

efectos-zoom-jquery-giga
Este plugin es capaz de manejar imágenes muy grandes, carga la imagen completa en primer lugar y luego la divide en varias zonas de 256×256.
Ver

Zoom together

efectos-zoom-jquery-together
Ver

Zoom con hover

efectos-zoom-jquery-hover
Un zoom sencillo sobre imágenes cuando pasas el ratón por encima
Ver

TheZoom

efectos-zoom-jquery-thezoom
TheZoom es un plugin jQuery que, como su nombre indica, funciona haciendo zoom sobre imágenes para ampliarlas. Permite realizar pre-visualizaciones de imágenes e incluye efectos intuitivos y naturales.
Ver

ImageZoom

efectos-zoom-jquery-imagezoom
Con este plugin puedes conseguir efectos de zoom sobre una image con tres modos diferentes, modo interno, modo estándar y modo seguir. Es sencillo de instalar y utilizar, puede funcionar con una sola imagen o con una galería.
Ver

Magnifier

efectos-zoom-jquery-magnifier
Magnifier es una librería JavaScript que permite funcionar como una lupa (magnifier) sobre una imagen de forma elegante.
Ver

Zoom con scroll horizontal

efectos-zoom-jquery-scroller
Este plugin jQuery se caracteriza por ser ligero y por incluir una galería de imágenes con scroll horizontal. Incluye botones de navegación para las imágenes.
Ver

Zoom para imagen destacada

efectos-zoom-jquery-featured
Permite aumentar una zona pequeña de una imagen.
Ver

Zoomer jQuery

efectos-zoom-jquery-zoomer
Zoomer es una herramienta para mostrar productos de forma sencilla gracias a su sistema basado en zoom y arrastre. Puede configurarse ampliamente gracias al selector de temas y a un configurador de parámetros directamente desde una página HTML.
Ver

Pinch Zoomer

efectos-zoom-jquery-pinchzoomer
Pinch Zoomer es un plugin jQuery sencillo de instalar y configurar, para el que busque algo sencillo.
Ver

Zoombie

efectos-zoom-jquery-imagezoom

efectos-zoom-jquery-zoombie
Este plugin jQuery con original nombre viene con 8 efectos de zoom diferentes, sencillo de personalizar y formato responsive.
Ver

Zoome

efectos-zoom-jquery-zoome
Zoome se anuncia como el plugin de zoom más pequeño del mundo, aun así te permite elegir el nivel de zoom, incluye efecto de zoom in y zoom out, fácil integración.
Ver

KoalaZoom

efectos-zoom-jquery-koala
Con este plugin puedes crear una lista de elementos y ampliarlos a medida que pases el ratón por encima
Ver

ZoomShowcase

efectos-zoom-jquery-zoom-rotator
Este zoomer además viene con un rotador de banners que sirve de galería, bastante original en cuanto a diseño se refiere.
Ver

AnythingZoomer

efectos-zoom-jquery-anythingzoomer
Este plugin se caracteriza porque funciona teóricamente sobre ‘cualquier cosa’, no solo sobre imágenes, también hace zoom sobre textos.
Ver

Tap Zoom

efectos-zoom-jquery-tapzoom
Tap Zoom está diseñado para funcionar en pantallas grandes de ordenador pero también en dispositivos móviles con pantallas más pequeñas como móviles y tablets.
Ver

JQZoom

efectos-zoom-jquery-JQZoom
Ver

Image Zoom Navigation

efectos-zoom-jquery-imagezoomnavegation
Especializado en imágenes de alta resolución que no puedas mostrar de forma completa en una ventana o en algún área de una página web. Ideal para mostrar portfolios donde no quieras que se pierda detalle.
Ver

jQuery Cycle

efectos-zoom-jquery-transiciones
jQuery Cycle incluye un slideshow y efectos de transición, pausa cuando haces hover con el ratón, auto-stop, auto-relleno entre otros.
Ver

Zoom Wizard

efectos-zoom-jquery-zoom-wizard
Zoom Wizard es un plugin jQuery que añade funcionalidad de zoom a tus galerías e imágenes en general. Viene con varios modos de zoom.
Ver

Snipe

efectos-zoom-jquery-snipe
Un zoom con forma circular al estilo lupa clásica, como si fuera una lente de aumento.
Ver

Zoom Effect

efectos-zoom-jquery-zoom-effect
Este plugin funciona con dos DIVs que configuran un contenedor y la imagen en sí misma.
Ver

Cloud Zoom 2

efectos-zoom-jquery-cloud
Otro efecto de zoom bastante elegante y efectista. Especialmente ideado para mostrar productos, la zona de la imagen que selecciones se amplía como una segunda imagen a la derecha.
Ver

Cómo crear un efecto de Zoom con jQuery

efectos-zoom-jquery-2
Aquí tienes también una pequeña explicación junto con el código jQuery por si quieres aprender algo sobre cómo se hace
Ver

Mosaiqy

efectos-zoom-jquery-mosaic
Este plugin incluye efectos de animación que modifica la posición de las imágenes en la galería.
Ver

Easy Zoom

efectos-zoom-jquery-easyzoom
Un plugin muy optimizado para realizar zooms.
Ver

Ion Zoom

efectos-zoom-jquery-ionzoom
Ion Zoom está especializado en pequeñas galerías con pocas imágenes.
Ver

ImgZoom

efectos-zoom-jquery-imagezoomnavegation
Un plugin jQuery que permite a los usuarios visualizar una imagen en miniatura o thumbnail a tamaño mayor cuando pasen el ratón por encima.
Ver

jQuery PhotoShoot

efectos-zoom-jquery-photoshoot
jQuery PhotoShoot te permite convertir un div cualquiera en la página en un efecto de sesión de fotos
Ver

ZoomBox

efectos-zoom-jquery-variacion
Un plugin que muestra las imágenes con todo detalle, tres modos de zoom, fácil instalación.
Ver

jQuery AJAX-ZOOM

efectos-zoom-jquery-ajaxzoom
Este plugin además de hacer zoom tiene la interesante posibilidad de aplicar efecto de giro 360 grados.
Ver

0 comments… add one

Leave a Comment