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
5- La galería de fotos
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:
- Imágenes: admite cualquier tipo de imágenes, incluidas imágenes responsivas y WebP con soporte JPG alternativo.
- Vídeos: soporte integrado para YouTube, Vimeo, Wistia y todo tipo de formatos de vídeo HTML5. Como MP4, WebM, Ogg, etc.L
- 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.
12- Galería de fotos de materiales
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