WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Ultimate Grid Responsive Gallery

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Ultimate Grid Responsive Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Clique em Mídia AQUI caixas para mais poderoso, mais rápido e Grade

Versão autônoma automático também está disponível Palavra automática versão imprensa também estão disponíveis Automatic versão Multi nível também está disponível

Grade final Responsive Gallery

Este é um HTML | CSS | JQuery grade com uma Mesa de Luz, você pode especificar miniaturas para a grade e quando você clicar nele para abrir o lightbox ele irá carregar a imagem normal, você pode especificar o texto para as legendas e para a mesa de luz. Além disso, você não tem que carregar todas as imagens de uma vez (para fins de desempenho) para que você pode especificar o número de imagens para carregar quando ele primeira carga eo número de imagens para carregar quando você clicar no botão "Mais imagens de carga" botão.

Quando você tem categorias, e se você selecionar uma categoria através da barra de navegação, o plug-in vai olhar e descobrir se há ainda mais imagens de que categoria para carregar e se há mais imagens para carregá-lo irá mostrar os "carregar mais imagens" botão, então quando você clicar nele ele vai carregar mais imagens somente a partir dessa categoria (de acordo com a opção "imagesToLoad").

Características:

  • Totalmente ágil
  • Imagens de apoio de quaisquer dimensões e ele irá manter as proporções corretas
  • A barra de navegação do filtro é gerado automaticamente a partir das categorias que você especifica para cada miniatura
  • Defina o número de imagens para carregar no início e quando você clique no botão "carregar mais imagens" botão
  • Thumbnails de apoio para a grade única para as imagens que deseja para melhorar o desempenho
  • Totalmente Responsive Grade e Lightbox
  • Largura total, a rede vai se adaptar ao 100% do seu recipiente se você definir a largura de cada coluna para 'auto'
  • Você pode especificar uma largura estática para cada coluna ou especificar número de colunas
  • Ao especificar o número de colunas que você pode definir a largura mínima para cada coluna
  • Efeitos CSS3
  • Direção efeito hover cientes
  • Lightbox com slideshow (play, pause, auto-play)
  • Fácil implementação
  • Compatível com Twitter Bootstrap
  • Bootstrap não ser necessária
  • Desativar e ativar recursos por meio de opções de JavaScript
  • Você pode criar um link para outra página quando você clicar em uma miniatura
  • Suporte técnico gratuito
 ----> Atualização: 18 de julho de 2013 IE estava mostrando imagens de gordura na caixa de luz e agora é corrigir ----> Atualização: 15 de julho de 2013 Agora ele tem uma sintaxis mais simples ----> Atualização: 04 de julho de 2013 Corrigido pequenos erros de console e também um pequeno erro quando você clica para jejuar no botão ao lado na caixa de luz 

Você pode dar uma olhada a documentação AQUI


As imagens na visualização ao vivo foram feitas por meu amigo chamado "Gema Ramirez" e você pode contatá-la aqui:


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
03 de julho 13

:
Última Atualização 09 de setembro 14

Navegadores compatíveis:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Palavras-chave

eCommerce, eCommerce, todos os itens, legendas, galeria, grade, gridfolio, imagens, lightbox, mosaico, Galeria Mosaic, portfó, lio, á, gil, miniaturas, telhas, parede