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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Draggable Grade infinita com Lightbox - WorldWideScripts.net artigo para a venda

Ads

Ad: Bluehost hosting

OGrade Foto infinito com Lightboxtem um layout fluido / flexível / ágil . Basicamente, a rede é adicionado em uma página HTML em uma div de sua escolha e se adapta com base de largura e altura que do div . Nos exemplos apresentados é possível ver algumas maneiras em que você pode usar essa grade, é claro que outras configurações são possíveis (por favor, note que os exemplos são fornecidos nos arquivos de download ) .

Pure OOP código JavaScript, não uso do jQuery ou outras bibliotecas, desta forma não haverá incompatibilidades com páginas HTML que possam estar usando bibliotecas JavaScript jQuery ou outra .

OGrade Foto infinito com Lightboxestá usando a GPU(aceleração de hardware)usandoPadrões HTML5A velocidade de renderização e desempenho são impecáveis ​​em computadores desktop e mais importante em dispositivos móveis. ele funciona da seguinte maneira : ele vai tentar usar CSS3 e se este não estiver disponível, ela vai cair para baixo a CSS1 ou CSS2 para navegadores mais antigos, comoIE7eIE8.

Fácil instalação e documentação completa incluída, A lista grade é construída a partir de elementos <ul> o que o torna fácil de configurar manualmente ou a ser gerado a partir de um banco de dados ou qualquer outro tipo de estrutura de dados, esta rede pode ser instalado e utilizado por designers e desenvolvedores com facilidade.

Excelente desempenho em dispositivos móveis, você pode ver no vídeo de demonstração que funciona como um aplicativo nativo !, Ele foi codificado e otimizado para dispositivos móveis e é 100% compatível móvel e é claro que vai correr tão grande em computadores desktop inclusive em navegadores mais antigos, como o IE7 e IE8. Nós testamos em IPAD3 e em um Samsung Galaxy S3 (Android) e funciona muito bem em ambos os dispositivos, abaixo estão os links para visualizar este demos.

Assista demonstração rodando no Samsung Galaxy S3 ( android )ouAssista à demonstração em execução no IPAD ( IOS) .

GRID PRINCIPAIS CARACTERÍSTICAS

Layout flexível / Fluid: Você pode controlar o tamanho da grade com CSS ou JavaScript, basicamente ele tem um layout adaptável que torna o candidato perfeito para qualquer tipo de projeto .

Quatro tipos de exibição estão incluídos: largura líquido, tela cheia, flexível e mesa de luz (confira exemplos !) .

O tema da cor da pele inteira e pode ser modificado.

Única maneira de exibir suas imagens !Basicamente, a grade pode ser arrastado indefinidamente em qualquer direcção e novos miniaturas será exibido, existe um algoritmo matemático complexo por trás da capa desta grade, que torna isto possível. Suporte para grande número de imagens .

Thumbnails geometria e cor do tema personalizável: esse recurso permite que você altere o tamanho dos thumbnails e cor de fundo.Miniatura transparente sobreposiçãouma caixa colorida transparente que aparece sobre uma miniatura quando ela não estiver selecionada, a cor ea opacidade para esta caixa são personalizáveis ​​(opcional).

Miniatura pequenos íconespequenos ícones que aparecem quando uma miniatura é selecionada, estes ícones são de três tipos (vídeo, link e imagem ) ( opcional).

Imprensa ação miniatura personalizada :quando uma miniatura é pressionado, você pode optar por exibir um lightbox mídia original, que temos codificados, ou para abrir uma nova página da Web, o URL eo alvo desta página pode ser especificado. A mesa de luz pode exibir imagens, ou ele pode exibir vídeos carregados no YouTube ou Vimeo.

Navegação animados telas de ajuda (opcional).

Apoio Mousewheel, a direção de rolagem pode ser configurada para vertical ou horizontal (opcional).

Botão Fullscreen (opcional).

LIGHTBOX PRINCIPAIS CARACTERÍSTICAS .

Layout flexível / Fluido lighbox sempre preencher a janela do navegador disponível .

Todo o tema da cor pode ser alterado.

Vimeo e YouTube apoio :tudo que você tem a fazer é incluir o link do YouTube ou Vimeo vídeo que você deseja exibir e lighbox irá exibir e reproduzir o vídeo . O tamanho ( largura e altura) de cada vídeo pode ser ajustado facilmente.Apoio zoom e visão panorâmica para as imagensvocê pode zoom in e out de uma imagem e você pode deslocar a imagem, desta forma você pode ver a imagem em grande detalhe (opcional).

Slideshowbotão (opcional).

Slideshow atraso, o atraso da apresentação de slides pode ser definido em segundos.

Slideshow autoplay .

Slideshow gráficos animados personalizados.

Avançar e anterior botões de navegação (opcional).

Informações botão e informações da janela:cada item lighbox pode ter uma descrição, o texto ea janela de aparência pode ser formatado com CSS (opcional).

Fronteira personalizável e fundoo tamanho da borda e cor e também a cor de fundo principal são personalizáveis ​​.

Suporte do tecladoas setas direita e esquerda pode ser usado para navegação (opcional).

Atualizações

2013/03/27 - Corrigido bugs relacionados com Windows8 metro e desktop.

2013/02/07 - Adicionado um recurso que permite a grade para ser arrastado na vertical, horizontal ou ambos.

2013/06/03 - Corrigido uma série de erros e suporte para a roda do mouse, desta forma a rede pode ser deslocada horizontal ou vertical usando a roda do mouse (opcional) acrescentou.


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

Propriedades

Criado:
5 13 de fevereiro

Atualização:
28 de março 13

navegadores compatíveis:
IE7 , IE8, IE9 , IE10 , Firefox, Safari, Opera, Chrome , Software Version

alta resolução:
Sim

Arquivos incluídos:
JavaScript JS , HTML, CSS

Palavras-chave