1. Productos
  2.   Imagen
  3.   JavaScript
  4.   LightGallery
 
  

Complemento de galería de imágenes receptivo y personalizable

Lightgallery.js es un redimensionador y personalizador de imágenes útil y de código abierto.

Lightgallery.js es un complemento útil y altamente personalizable que es perfecto para proyectos que requieren muchas funciones cuando se trata de cargar y mostrar videos e imágenes en sitios web. Desarrollado completamente en JavaScript y CSS, es una galería de caja de luz con todas las funciones que ofrece a los desarrolladores muchas opciones.

Como complemento gratuito de código abierto, Lightgallery.js es útil cuando necesita esas opciones adicionales además de cambiar el tamaño y cargar recursos de imagen y video en su sitio web en forma de galería. También almacena el historial del navegador de imágenes y videos en una diapositiva y proporciona una URL única para cada imagen de la galería. No solo es rápido, sino que también es un creador de galerías de cajas de luz receptivo, modular y liviano que no obstaculiza el rendimiento de la memoria.

Previous Next

Primeros pasos con LightGallery

La forma recomendada de instalar LightGallery a través de NPM. Utilice el siguiente comando para instalarlo.

Instalar LightGallery a través de NPM

 npm install lightgallery.js

API de JavaScript gratuita para la manipulación de imágenes

Lightgallery.js viene con muchos módulos incorporados, como crear miniaturas, pantalla completa, acercar y alejar, etc., que se pueden descartar si no los necesita. También puede agregar sus propios módulos según los requisitos de su proyecto. A diferencia del método de JavaScript para cambiar el tamaño de imágenes y videos, Lightgallery.js utiliza un enfoque solo de CSS para el cambio de tamaño receptivo, lo que lo hace considerablemente más rápido y flexible. Simplemente actualizando las variables SASS de su galería, puede personalizar fácilmente el complemento para que se ajuste a sus necesidades.

Cree miniaturas a través de la API de JavaScript gratuita

Cuando se trata de miniaturas, Lightgallery.js le permite habilitar miniaturas animadas como YouTube para dar una sensación más moderna. Las miniaturas animadas también se pueden activar para su galería de YouTube o Vimeo. Lightgallery.js viene con más de 20 animaciones integradas en el complemento que se pueden usar para crear hermosas galerías.

Crear Galería de Tumbnails estática vía JavaScript

 lightGallery(document.getElementById('static-thumbnails'), {
    animateThumb: false,
    zoomFromOrigin: false,
    allowMediaOverlap: true,
    toggleThumb: true,
});

Personalizar Thumbnails Gallery Creación vía JavaScript

 lightGallery(document.getElementById('customize-thumbnails-gallery'), {
    // Add a custom class to apply style only for the particular gallery
    addClass: 'lg-custom-thumbnails',
    // Remove the starting animations.
    // This can be done by overriding CSS as well
    appendThumbnailsTo: '.lg-outer',
    animateThumb: false,
    allowMediaOverlap: true,
});
 Español