15 mejores galerías de imágenes jQuery

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Muchos sitios web que venden algún tipo de producto o servicios tendrán imágenes o vídeos para mostrar cuán buenos son en su trabajo. La forma en la que presentes tu fantástico trabajo a los clientes prospecto juega un importante rol determinando cómo será el crecimiento de tus beneficios a lo largo de los años.

Si tienes un conocimiento básico en cuanto a la creación de sitios web, puedes usar plugins de galería jQuery para crear increíbles portafolios para deslumbrar a tus clientes potenciales.

En este artículo, listaré algunas de las mejores galerías de imágenes jQuery que puedes usar para reunir tu mejor trabajo de una forma única e interesante.

Cube Portfolio—Responsive jQuery Grid Plugin

El primer plugin de nuestra lista es Cube Portfolio. Está basado en jQuery y presenta tu contenido en la página en forma de retícula. Los elementos del portafolio pueden presentarse en formato de galería masonry o en forma de mosaico. También puedes presentarlos en forma de slider si quieres.

Aquí tienes algunas de sus características:

Diseño responsivo con lightbox integrado que admite imágenes, y vídeos de YouTube y Vimeo
Totalmente personalizable con alrededor de 30 opciones distintas para que puedas crear una galería única en tu sitio
19 plantillas de inicio con una potente API
22 animaciones distintas para los elementos de la retícula y 15 animaciones diferentes para los pies de foto

Cube Portofolio es un plugin increíble que proporcionará a tu sitio web un aspecto profesional. Asegúrate de probar los distintos ajustes para los pies de foto y los filtros de animación de la demo.

XPANDA—Responsive Gallery Content Expander Plugin

Si el foco principal de tu galería son las imágenes, no te puedes equivocar eligiendo el plugin de galería responsiva XPANDA. Te permite presentar todas tus imágenes en 4 formatos básicos distintos y hacer que sean el centro de atención.

Entre algunas cuantas interesantes características están las siguientes:

Diseño responsivo
Carga diferida de imágenes integrada tanto para las miniaturas como para las imágenes a tamaño completo
Bellas animaciones para expandir y colapsar los elementos de la galería

Como extra adicional, XPANDA te proporciona una acción gratuita de Photoshop para desenfocar y redimensionar las imágenes con un tamaño de archivo muy bajo.

Los usuarios serán capaces de hacer clic sobre las imágenes y leer más detalles sobre ellas. Consulta la demostración para ver cómo puedes usarla para crear galerías de imágenes, páginas del equipo humano o portafolios.

Responsive Grid Gallery—Horizontal and Vertical

Si estás buscando una galería de imágenes basada en retícula, tu búsqueda termina aquí. A la gente que simplemente quiera mostrar sus imágenes y no tenga contenido extra que las acompañe le gustará este plugin.

Las imágenes se presentan en formato de retícula y puedes elegir entre un diseño horizontal, vertical o a ancho completo de pantalla.

Estas son algunas de sus características:

Presentación de retícula totalmente responsiva
Efectos ’hover’ para hacer que la galería sea más dinámica
Habilidad para filtrar imágenes
Iconos para compartir en redes sociales superpuestos sobre las imágenes

Responsive grid gallery es muy fácil de configurar de forma que tendrás tu galería lista de inmediato. Prueba la demostración y comprueba si es la galería adecuada para tu proyecto.

Sharp Gallery

Este plugin es una excelente opción si quieres mostrar muchas imágenes por medio de un diseño de cuadrícula. También puedes mostrar algún contenido extra directamente en la cuadrícula acompañando cada imagen.

El plugin es muy ligero, con un tamaño minificado de alrededor de 16KB, así que cargará rápidamente.

Estas son algunas de las características destacadas de este plugin:

12 plantillas distintas para crear el diseño de tu galería
40 ajustes distintos que controlan todo desde la anchura de las miniaturas a la animación
Totalmente responsiva y compatible con todos navegadores

Sharp Gallery ha sido diseñada pensando en una fácil instalación. No te llevará mucho tiempo ponerte en marcha con esta galería. Deberías probar todas las 12 plantillas de la demostración para entender mejor las características de este plugin.

Gridzy—Responsive and Justified Image Grid Gallery

Gridzy es un plugin de galería de imágenes muy fácil de usar que ofrece todas las características básicas que uno podría esperar. Puedes ajustar absolútamente todo y tener tu galería funcionando en 10 minutos.

Aquí tienes algunas de sus increíbles características:

Totalmente responsiva y compatible con todos los navegadores
Increíblemente fácil de configurar
Muchas opciones de configuración
La carga diferida mejora el rendimiento

Gridzy tiene una calificación media de 5 estrellas, así que puedes tener la seguridad de adquirir un producto de calidad. Visualiza el vídeo de demostración para verla en acción.

FullScreen Background Gallery for Image and Video

La gente que esté buscando una experiencia más inmersiva para sus galerías de imagen y vídeo debería darle una oportunidad a este plugin. Las imágenes cubrirán la pantalla completa de los dispositivos permitiendo que los usuarios se centren por completo en el contenido.

Aquí tienes algunas de sus increíbles características:

Soporte para la reproducción de vídeos de YouTube y Vimeo
Opción para superponer texturas sobre las imágenes
Alrededor de 40 ajustes distintos para personalizar el plugin

FullScreen Background/Gallery es un fantástico plugin para la gente que quiera proporcionar a sus usuarios una experiencia de distracción gratuita cuando se desplacen a través de las imágenes. Echa un vistazo a las demostraciones de las imágenes y los vídeos con opciones de personalización.

Real3D FlipBook

Se trata de un plugin único y es totalmente distinto a todos los demás de la lista. Podrás usarlo a modo de galería que le permita a la gente desplazarse a través de las imágenes como si estuvieses deslizando las páginas de un libro.

Aquí tienes algunas de las muchas características de este plugin:

Totalmente personalizable, podrás cambiar cualquier cosa, desde el color del menú hasta la forma y el tamaño de los botones
Las páginas pueden ser interactivas con enlaces
Totalmente responsivo y optimizado para dispositivos móviles

El plugin Real3D FlipBook intenta imitar la sensación que produce el pase de las páginas de un libro lo más fielmente posible. Desplaza las páginas de algunos libros de demostración para comprobar si te resulta un efecto atractivo.

JQuery Thumbnail Gallery With LightBox

Este plugin de galería viene con un lightbox integrado para que la imagen que esté mirando actualmente un usuario quede destacada. Existe una opción para desplazarte verticalmente a través de las imágenes lo que convierte a este plugin en algo único dentro de esta lista.

La lista de características incluye, aunque no se limita, a las siguientes:

Diseño responsivo con la capacidad de restringir la anchura y la altura de las imágenes si fuese necesario
Dos opciones de diseño de presentación y dos opciones para la navegación
Capacidad de incrustar vídeos en la galería

Definitivamente, vale la pena tener en consideración a la galería jQuery Thumbnail gallery si quieres experimentar con distintas formas de desplazamiento y navegación. Existen 16 distintas demostraciones que muestran presentaciones de la galería en forma de retícula y en línea.

jQuery MultiTransition Gallery Sliders

Este plugin es simplemente increíble si quieres crear una galería con imágenes a pantalla completa con atractivas transiciones.

Puedes presentar las miniaturas de las imágenes en cualquier dirección que desees y decidir si deberían aparecer superpuestas en la propia página principal.

Este plugin cuenta con muchas otras útiles características:

Posibilidad de añadir pies de foto HTML en cada diapositiva
Múltiples efectos de transición para las fotografías
Compatibilidad con audio y vídeo HTML5
Métodos y devoluciones de llamadas públicos para un completo control

Las galerías de imágenes creadas usando jQuery MultiTransition son realmente impresionantes, echa un vistazo las demostraciones si no me crees.

Jquery Multimedia Gallery Slideshow with Music

Este plugin de galería multimedia puede presentar las imágenes en una amplia variedad de formatos, desde en forma de pequeñas imágenes en miniatura hasta imágenes a gran tamaño, así como con una dirección de desplazamiento horizontal y vertical. Puedes incluso incorporar música en tu galería junto con la opción para habilitar el desplazamiento automático a través de las imágenes.

La siguiente lista de características hacen que este plugin sea increíblemente potente:

Capacidad de crear listas de reproducción de música
API para controlar la galería de imagen así como la reproducción de música
Integra las imágenes con un enlace, un título y un plugin de lightbox

Este plugin de galería multimedia jQuery te proporciona multitud de opciones en cuanto al diseño de presentación de las imágenes. Tal y como se muestra en las demostraciones, funciona bien tanto con el ajuste responsivo como con el de anchura fija.

Boxaroo Adaptive Lightbox

Cualquiera que esté buscando una galería basada en lightbox encontrará que Boxaroo está entre los mejores plugins en esta categoría.

No necesitas mucha experiencia sobre código y tendrás la galería en marcha ajustando simplemente el valor de un único ajuste. Después de esto, podrás elegir entre 170 opciones distintas para asegurarte de que se adapta perfectamente a las necesidades de tu proyecto.

Aquí tienes una lista con algunas de sus increíbles características:

Precargadores, pies de fotos y contador para cada lightbox
Botones de navegación y superposiciones sobre el fondo
Efectos especiales en 2D y 3D con controles de iluminación

Comprueba la página de la demostración de Boxaroo para aprender más sobre el plugin y sus características.

Youtube Vimeo Gallery Background

Si estás creando una galería basada puramente en vídeo, este plugin será perfecto. Está diseñado pensando específicamente en los vídeos.

Aquí tienes un pequeño conjunto de las características que convierten a este plugin en algo increíble:

Genera las imágenes de miniatura, los títulos y las descripciones de los vídeos automáticamente
Múltiples opciones para el diseño de presentación con lista de reproducción opcional
No existen elementos que distraigan del vídeo
Opciones para reproducir el vídeo automáticamente, en bucle, o reproducirlos en orden aleatorio

El plugin YouTube Vimeo Gallery te proporciona una forma sencilla de integrar vídeos en tus galerías. Deberías probar todas sus 9 demostraciones para comprobar cómo funciona con distintos ajustes.

ModuloBox—NextGen Lightbox JavaScript Plugin

Las animaciones que ofrece este plugin son increíblemente suaves y de apariencia muy natural. No hay ni movimientos ni desplazamientos bruscos o entrecortados entre las distintas imágenes, al contrario, ofrece una experiencia es agradable.

Aquí tienes una pequeña lista con sus increíbles características:

Soporte para gestos en pantallas táctiles: admite pellizcos, toques dobles y deslizamientos, por lo que es altamente compatible con dispositivos móviles.
Podrás implementar el desplazamiento infinito, la navegación mediante miniaturas y modo de galería en forma de desplazamiento de diapositivas o a pantalla completa.
Serás capaz de combinar distintos tipos de contenido en tus galerías.

ModulBox utiliza animaciones basadas en Physics para el desplazamiento a través de la galería. Asegúrate de comprobar todas sus demostraciones para ver cuán suave y natural es la experiencia que ofrece.

Responsive Bootstrap Portfolio And Lightbox

Este plugin es una excelente opción si estás buscando una galería compatible con Boostrap. Funciona tanto con Bootstrap 3 como con Bootstrap 4.

Los elementos de la galería pueden presentarse en dos, tres, cuatro, o seis columnas, según prefieras. Los diseños de presentación de los elementos de la galería y de las lightboxes en el plugin son muy limpios y profesionales.

Estas siguientes características son solo una pequeña muestra de los que ofrece realmente el plugin:

18 distintos lightboxes y 7 esquemas de color
Diseño de múltiples columnas responsivo y compatible con dispositivos móviles
Admite la integración de vídeos e imágenes en una misma galería

Responsive Bootstrap Portfolio viene con todo lo que puedas estar buscando en un plugin de galería. No olvides comprobar las demostraciones para comprobar su magnífica apariencia.

LC Lightbox—Premium jQuery Plugin

Este plugin está repleto con funcionalidades que no encontrarías o esperarías en muchos otros plugins de galería.

Tiene todas las características habituales como navegación a través de miniaturas, slideshow y títulos y descripciones para cada elemento de la galería. Pero además, también viene con zoom progresivo e integración para comentarios.

Aquí tienes algunas otras características que hacen que este plugin sea realmente increíble:

3 preajustes para la apariencia de interfaz y 4 diseños de maquetación distintos
Navegación mediante el ratón y mediante el teclado
Posibilidad de combinar múltiples tipos de contenido
Seguimiento dinámico de elementos

La lista no termina aquí. LC Lightbox tiene mucho más que ofrecer, algo sobre lo que puedes leer en su página de demostración.

Reflexiones finales

En este artículo, hemos cubierto las 15 mejores galerías de imágenes de jQuery que puedes integrar en tus sitios web en un par de minutos. Con suerte, cubrirán todas tus necesidades, como la creación de una galería de imágenes, un portafolio o una colección mixta de imágenes y vídeos. En caso de que nada de lo que aparece en esta lista coincida con lo que necesitas, en Envato Market existen muchos más plugins y scripts disponibles.

Si todavía no has conseguido encontrar un plugin de galería de imágenes que te guste, podemos ayudarte a crear uno por tu cuenta. Sólo tienes que aprender los conceptos básicos de JavaScript de algunos de los diferentes tutoriales y cursos ofrecidos en este sitio web y estarás listo para lograrlo. ¡Y echa también un vistazo a algunos de nuestros otros tutoriales sobre plugins multimedia jQuery!

¿Qué plugin de galería de imágenes jQuery te gusta más? Cuéntanoslo en los comentarios.