1. Produtos
  2.   Imagem
  3.   JavaScript
  4.   LightGallery
 
  

Plugin de Galeria de Imagens Responsivo e Personalizável

Lightgallery.js é um redimensionador e personalizador de imagens útil e de código aberto.

Lightgallery.js é um plugin útil e altamente personalizável, perfeito para projetos que exigem muitos recursos quando se trata de carregar e exibir vídeos e imagens em sites. Desenvolvido completamente em JavaScript e CSS, é uma galeria de lightbox cheia de recursos que oferece aos desenvolvedores muitas opções.

Como um plug-in de código aberto, Lightgallery.js, de uso gratuito, é útil quando você precisa dessas opções extras além de redimensionar e fazer upload de recursos de imagem e vídeo para seu site na forma de uma galeria. Ele também armazena o histórico do navegador das imagens e vídeos em um slide e fornece um URL exclusivo para cada imagem da galeria. Não é apenas rápido, mas um criador de galeria de lightbox leve, modular e responsivo que não prejudica o desempenho da memória.

Previous Next

Introdução ao LightGallery

A maneira recomendada de instalar o LightGallery via NPM. Por favor, use o seguinte comando para instalá-lo.

Instalar LightGallery via NPM

 npm install lightgallery.js

API JavaScript gratuita para manipulação de imagens

Lightgallery.js vem com muitos módulos integrados, como criação de miniaturas, tela cheia, zoom in e out, etc., que podem ser descartados se você não precisar deles. Você também pode adicionar seus próprios módulos, dependendo do requisito do seu projeto. Ao contrário do método JavaScript de redimensionar imagens e vídeos, o Lightgallery.js usa uma abordagem somente CSS para redimensionamento responsivo, tornando-o consideravelmente mais rápido e flexível. Simplesmente atualizando as variáveis SASS da sua galeria, você pode personalizar facilmente o plug-in para atender às suas necessidades.

Crie miniaturas por meio da API JavaScript gratuita

Quando se trata de miniaturas, Lightgallery.js permite que você ative miniaturas animadas como o YouTube para dar uma sensação mais moderna. Miniaturas animadas também podem ser ativadas para sua galeria do YouTube ou Vimeo. Lightgallery.js vem com mais de 20 animações embutidas no plugin que podem ser usadas para criar belas galerias.

Criar Static Thumbnails Gallery via JavaScript

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

Personalize Thumbnails Galeria Criação através 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,
});
 Português