Simple Lightbox - Lightbox de imagem sensível ao toque que também suporta o WordPress
Sites de portfólio, posts de blog e até mesmo sites sociais usam lightboxes. Eles estão à mão para exibir conteúdo maior sem ocupar mais espaço na página.
Mas não há nenhuma razão para construir o seu próprio a partir do zero quando há tantos scripts online gratuitos. Um dos meus novos favoritos é SimpleLightbox, projetado para ser 100% open source e mobile responsivo em execução em todos os dispositivos.
Todas as miniaturas de imagens e links de navegação lightbox suportam comportamentos de toque para que os usuários possam navegar pelo conteúdo de qualquer smartphone ou tablet.
Na página inicial, você pode encontrar links para o repositório oficial do GitHub, o plug-in oficial do WordPress e a extensão oficial do TYPO3.
Esta biblioteca é enorme e é de longe uma das melhores galerias de quadros de luz que você encontrará. isto usa um design de lightbox real que adiciona uma pequena sobreposição na parte superior da página ao visualizar qualquer galeria.
Cada imagem em miniatura aparece em visualização completa junto com as setas para navegar por toda a apresentação de slides. Mas você pode incluir recursos extras usando a API do SimpleLightbox. Há uma tabela completa de recursos na documentação e estes são alguns dos meus favoritos:
- Texto de navegação.
- Legendas das imagens.
- Tamanhos de proporção da imagem.
- Recurso Swipe-to-close.
- Estilos de animação personalizados.
- Carregadores de carregamento opcionais.
Além disso, essa biblioteca permite executar funções de retorno de chamada sempre que o usuário clica para abrir uma galeria, passar para uma nova imagem ou executar qualquer outra ação comum.
Esses métodos são todos documentado no site principal, incluindo exemplos ao vivo no código-fonte do GitHub. Você pode extrair uma cópia usando o Bower ou o Yarn como uma ferramenta de gerenciamento de pacotes, embora o GitHub possa ser um método mais fácil se você não estiver familiarizado com a linha de comando..
De qualquer forma, esta biblioteca é além de impressionante. Ele pode funcionar incrivelmente bem em sites de portfólios pessoais ou corporativos para mostrar seu trabalho com suporte a tela sensível ao toque.
Para saber mais, dê uma olhada na página inicial do SimpleLightbox e baixe uma cópia do script do GitHub.