Wed. Nov 13th, 2024

Las 12 mejores bibliotecas de código abierto de Lightbox y galería JavaScript

By admin Jan 28, 2024

La presentación de fotografías en sitios web es una exigencia especialmente para los fotógrafos. Como cubrimos varios tipos de soluciones de galerías autohospedadas, es hora de ofrecer soluciones personalizadas para desarrolladores y codificadores que les ayuden a crear galerías de fotos creativas y elegantes.

1- nanoGalería 2

nanoGalería 2 es una biblioteca de galería de JavaScript con una caja de luz y varias opciones de presentación. Le permite ver sus fotos en presentación de mosaico, vista de cuadrícula, filtrar sus fotos por etiquetas, mostrar videos y más.

El script nanoGallery se puede incrustar en cualquier proyecto web y admite miniaturas de imágenes, animaciones y efectos táctiles o de desplazamiento.

Características de la nanoGalería

  • Múltiples diseños de galería: cuadrícula, justificado, en cascada y mosaico.
  • Vista previa de la imagen borrosa durante la descarga de la imagen.
  • Efectos táctiles o de desplazamiento en miniatura.
  • Paginación con soporte de gesto de deslizar.
  • Control deslizante en la última miniatura.
  • Varios niveles de álbumes y barra de navegación.
  • Defina configuraciones específicas para el primer nivel de álbum.
  • Responsivo y compatible con dispositivos
  • Animación de visualización de miniaturas sofisticada.
  • Títulos y descripciones de soporte.
  • Diseño de miniaturas totalmente personalizable.
  • Herramientas en miniaturas.
  • Filtrado de etiquetas/palabras clave.
  • Miniaturas superpuestas.
  • Miniaturas seleccionables con casillas de verificación.

2- Visor de fotos

El Biblioteca de visor de fotos es una biblioteca de JavaScript simple que le permite mostrar fotos de Flicker u otras fuentes en cualquier aplicación de JavaScript.

El biblioteca admite el modo de pantalla completa, zoom, presentación de diapositivas y viene con un título que mantiene el enlace original y el nombre del autor.

PhotoViewer presenta aspectos destacados

  • vainilla js
  • modal arrastrable
  • Redimensionable modal
  • maximizar modal
  • Imagen móvil
  • Imagen ampliable
  • Imagen giratoria
  • control de teclado
  • Visualización en pantalla completa
  • Múltiples instancias
  • Soporte del navegador IE9+
  • soporte RTL

3- Galería

Galería le permite mostrar fotos y videos de muchas fuentes sin ningún conocimiento de código. Actualmente, es compatible con Flicker, Vimeo, YouTube y varias otras fuentes.

El guion admite dispositivos iPhone, iPad y Android con su deslizamiento nativo. También ofrece soporte para múltiples temas.

4- Imágenes

Imagen ligera vanilla-JS caja ligera para minimalistas elaborado con CSS3 e íconos SVG en línea para navegadores modernos.

Imágenes características destacadas

  • JavaScript puro, sin dependencias
  • Se admiten múltiples galerías por página.
  • aspecto minimalista
  • soporte de título de imagen
  • sensible
  • botones SVG en línea
  • Compatibilidad con vídeo MP4 (vídeo HTML 5)
  • minificado: js 4,7 KB css 4,2 KB total 8,9 KB
  • comprimido con gzip: js 1,5 KB css 2,0 KB total 3,5 KB

Este proyecto te permite crear una galería de pantalla completa con presentaciones sorprendentes y diseños elegantes para tus fotos. A diferencia de otros proyectos, admite fotografías HEIC y de imágenes sin formato, y le permite generar fotografías mediante API remota.

Lo más destacado de la galería de fotos

  • Visualización de fotografías de ancho completo
  • Caja de luz incorporada
  • Soporte de directorio
  • Optimización automática de imágenes cortesía de NextJS y el equipo
  • Generación de desenfoques de carga.
  • Generado estáticamente, el servidor solo sirve HTML + JS normal, una vez implementado en producción, es rápido
  • Regeneración dinámica automática en caso de editar/eliminar/agregar fotos
  • Puede manejar cientos (¿y miles?) de imágenes a la vez
  • Carga diferida mientras te desplazas
  • Alternar pantalla completa
  • Integración de imágenes
  • Clasificación de imágenes

6- jBox

jBox es un complemento de jQuery que facilita la creación de información sobre herramientas personalizable, ventanas modales, galerías de imágenes y más.

7- Vista de imágenes

Vista de imagen es un visor de imágenes rápido con una interfaz de usuario compacta que se puede ocultar. Incluye efectos de imagen, galerías, EXIF ​​y más. La aplicación puede ajustarse automáticamente a su pantalla.

8- FotoDeslizar

El Deslizar foto es una galería de imágenes JavaScript y una biblioteca de caja de luz simple pero potente. Puede ampliar su funcionalidad mediante complementos. El proyecto se publica bajo la licencia MIT.

9- Caja de luz de pantalla completa

Este es fácil de usar pero potente complemento para mostrar varios tipos de fuentes, como imágenes, vídeos HTML o vídeos de YouTube, en un cuadro limpio superpuesto. Admite, entre otros, subtítulos, miniaturas y zoom. Presente una única fuente o cree una hermosa galería con una elegante caja de luz sin jQuery.

Los desarrolladores ofrecen 3 ediciones: una edición Vanilla JavaScript, React y Vue, que están listas para instalar y usar sin una configuración extensa.

10- galería de luces

El luzGalería es un complemento ligero y modular de galería de imágenes y vídeos de JavaScript. Está disponible para React.js, Vue.js, Angular y TypeScript.

Puedes mezclar todo tipo de contenidos compatibles en una misma galería. lightGallery encontrará automáticamente el tipo de contenido de la fuente y creará las diapositivas apropiadas:

  1. Imágenes: admite cualquier tipo de imágenes, incluidas imágenes responsivas y WebP con soporte JPG alternativo.
  2. Vídeos: soporte integrado para YouTube, Vimeo, Wistia y todo tipo de formatos de vídeo HTML5. Como MP4, WebM, Ogg, etc.L
  3. Iframes: incruste fácilmente sitios web externos, muestre archivos PDF, Google Maps y más.

11- Caja de luz simple

El Caja de luz simple es un script que le permite crear galerías sensibles al tacto. Es compatible con WordPress y TYPO3 desde el primer momento.

Material Photo Gallery le permite crear una galería de imágenes web similar a Google Photos. Funciona sin problemas en todos los navegadores modernos como Edge, Google Chrome, Firefox y Safari.

Etiquetas

JavaScript de código abierto Fotografía de listas React TypeScript autohospedado Desarrollo web basado en web

By admin

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *