Slideshows Lightbox de tela cheia com Lightgallery.js
Qualquer ótimo site de blog ou portfólio pode se beneficiar de um slideshow de lightbox modal. Isso pode ser bom para apresentando fotos relacionadas ou deixar visitantes navegar por um portfólio de trabalho (design, arte, fotografia).
Com lightgallery.js, você apenas instalar a biblioteca e deixe correr. Você pode configurá-lo com qualquer número de fotos e cada slide ocupa a tela inteira.
Eu prefiro esse plug-in em vez de outros slideshows que ocupam apenas uma parte da tela. Com o lightgallery.js, todo o foco vai para o slideshow e a primeira imagem visível.
Na parte inferior de cada slide, você pode encontrar um pequena descrição com links ou qualquer outro texto que você queira.
No canto superior direito, você verá uma série de botões para recursos estendidos. Em ordem, eles são assim:
- Reproduzir apresentação de slides
- Zoom in / out
- Navegador em tela cheia
- Compartilhamento social
- Download da imagem
- Fechar o slideshow
Você pode escolher quais desses botões deseja exibir editando as opções quando você chama o plugin.
Na verdade, eu me surpreendo com a quantidade de detalhes na documentação. Tem detalhes para opções e métodos de retorno de chamada. Mas você também encontrará informações para atributos de dados personalizados, Variáveis Sass, e até mesmo um API de plug-in para construir módulos no lightgallery.
Ah, e eu mencionei que é completamente compatível com dispositivos móveis? Você pode deslizar fotos pela galeria com o dedo ou até mesmo com um mouse.
É a escolha perfeita para um designer ou fotógrafo que deseja um método brilhante para exibir seu portfólio em seu site.
Você também pode embutir iframes ou vídeos de sites como o YouTube ou o Vimeo. Este é realmente o melhor plugin de galeria de lightbox, oferecendo a melhor experiência de usuário possível.
Esta biblioteca é livre de todas as dependências e isso roda em JavaScript puro. Mas isso toca bem com grandes bibliotecas como jQuery ou Bootstrap também.
Se você preferir isso como um plugin jQuery Há um plugin lightgallery.js portado para usuários do jQuery. Você pode ver um demonstração completa no página de demonstrações ou confira o caneta abaixo. E se você precisar do Código fonte de cabeça para o Repositório GitHub e pegue uma cópia para você mesmo.