Final Galeria responsiva da grade
Este é um html | CSS | JQuery Grid Com uma caixa de luz, você pode especificar miniaturas para a grade e, quando clicar nela para abrir a caixa de luz, ele carregará a imagem normal, você pode especificar o texto para as legendas e a caixa de luz. Além disso, você não precisa carregar todas as imagens de uma só vez (para fins de desempenho) para especificar o número de imagens para carregar quando ele carrega primeiro e o número de imagens para carregar quando clicar no botão “Carregar mais imagens”.
Quando você tiver categorias e, se você selecionar uma categoria através da barra de navegação, o plug -in encontrará e encontrará se ainda houver mais imagens dessa categoria para carregar e se houver mais imagens para carregar, ele mostrará o botão “Carregar mais imagens”, quando você clicar nele, ele carregará mais imagens apenas dessa categoria (de acordo com a opção “Imagestoload”).
Características:
- Totalmente responsivo
- Suporte a imagens de quaisquer dimensões e manterá as proporções certas
- A barra de navegação do filtro é gerada automaticamente a partir das categorias que você especifica para cada miniatura
- Defina o número de imagens para carregar no início e quando clicar no botão “Carregar mais imagens”
- Apoie as miniaturas para a grade apenas para as imagens que você deseja melhorar no desempenho
- Grade totalmente responsiva e caixa de luz
- Largura total, a grade se adaptará aos 100% do seu contêiner se você definir a largura de cada coluna como ‘Auto’
- Você pode especificar uma largura estática para cada coluna ou especificar o número de colunas
- Ao especificar o número de colunas, você pode definir a largura mínima para cada coluna
- Efeitos CSS3
- Efeito de suspensão ciente da direção
- LightBox com apresentação de slides (jogo, pausa, reprodução automática)
- Implementação fácil
- Compatível com o Twitter Bootstrap
- Bootstrap não é necessário
- Desativar e ativar recursos através de opções de JavaScript
- Você pode vincular a outra página quando clicar em uma miniatura
- Suporte técnico gratuito
----> Update: July 18, 2013 IE was showing fat images in the lightbox and now is fix ----> Update: July 15, 2013 Now it has a more simple sintaxis ----> Update: July 4, 2013 Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox
Você pode dar uma olhada na documentação AQUI
As imagens da prévia ao vivo foram feitas pelo meu amigo chamado “Gema Ramirez” e você pode entrar em contato com ela aqui: