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

Responsive Gridfolio

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Siga Envato Siga FACEBOOK

Versão 1.2 Data de lançamento 2013/09/27

  • Corrigido bugs relacionados com IE8.
  • Corrigido bugs relacionados com a última atualização do IOS e Android.
  • Desempenho móvel melhorada.

Versão 1.1 Data de lançamento 2013/07/24

  • Suporte para várias categorias, é claro que ainda pode ser usado com uma única categoria, como antes.
  • Apoio Lightbox Iframe.
  • Descrição Lightbox AutoOpen (descrição do item aberto sem pressionar o botão info).
  • Adicionado uma forma extra para fechar a caixa de luz, pressionando fora da área do item.
  • Adicionado suporte para eventos MSPointer para Windows8 móvel.
  • Adicionado seis peles extra.

Principais características:

A Responsive Gridfolio tem um / layout flexível / responsivo fluido. Basicamente, a grade é adicionado em uma página html em uma div de sua chosing e está adaptando base de largura que de div, a altura da grade é modificada com base nas miniaturas e se outros elementos estão abaixo da div grade que será empurrado para baixo automaticamente (documento fluir). Nos exemplos fornecidos você pode ver algumas das maneiras pelas quais você pode usar essa grade, é claro que são possíveis outras configurações (note que o código desse exemplos é fornecida nos arquivos de download).

A galeria pode ter qualquer número de imagens e cada imagem pode ser de qualquer tamanho, mas proporcional a uma largura polegar base e altura. Quando uma miniatura é pressionado, você pode escolher se quer ver um lightbox mídia original que temos codificado, ou para abrir uma nova página Web, o URL e alvo desta página pode ser especificado. A lightbox pode exibir imagens, ou pode exibir vídeos carregados do YouTube ou Vimeo.

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

A Responsive Gridfolio está usando a GPU (aceleração de hardware), utilizando padrões HTML5. A velocidade de renderização e desempenho é impecável em computadores desktop e mais importante em dispositivos móveis, a forma como ele funciona ele vai tentar usar CSS3 e se este não estiver disponível, ela vai para baixo queda de CSS2 ou CSS1 para navegadores mais antigos como o IE7 e IE8.

Excelente desempenho em dispositivos móveis, você pode ver no vídeo de demonstração que ele seja executado como um aplicativo nativo!, foi codificado e otimizado para dispositivos móveis e é 100% móvel compatível e é claro que vai correr tão grande em computadores desktop incluindo em navegadores mais antigos, como o IE7 e IE8. Nós testamos em iPad3 (IOS) 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 em execução no Samsung Galaxy S3 (Android) ou Assistir demonstração em execução no IPAD (IOS).

Grade características principais:

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

Suporte para qualquer número de imagens e cada imagem pode ser de qualquer tamanho, mas proporcional a uma largura polegar base e altura

Todo o tema da cor pode ser modificado.

Tamanho personalizável miniaturas e geometria: esse recurso permite que você altere o tamanho das miniaturas e o espaço entre as miniaturas.

Customizável fronteira miniaturas e background: cada miniatura pode ter uma borda e um fundo, cor de fundo da miniatura, o tamanho da borda e cor da fronteira são customizáveis, também a cor thumbnails fronteira pode ser interpolado a partir de uma cor normal para uma cor selecionada..

Ícones A inscrição ou miniaturas de mídia da miniatura: cada polegar pode ter uma breve descrição com um fundo transparente sob ele ou um ícone de mídia que representa um link, vídeo ou imagem, este são visíveis quando o mouse está sobre uma miniatura, o texto pode ser formatado com CSS, a cor de fundo e opacidade também pode ser modificada (opcional).

"Carregar mais miniaturas apresentam": este é um recurso impressionante que melhora o desempenho global ea velocidade de carregamento, pois desta forma nem todas as miniaturas são carregados e exibidos ao mesmo tempo. Por exemplo, se você tem um total de 120 miniaturas você pode mostrá-los em conjuntos de 50 miniaturas, e assim, inicialmente, na grade do primeiro conjunto de 50 miniaturas são carregados e exibidos, e quando a "carga mais miniaturas" botão é pressionado a próxima conjunto de 50 miniaturas são carregados e exibidos, e, finalmente, quando o botão "carregar mais thumbnails" é pressionado novamente as 20 miniaturas restantes são mostrou. O número de miniaturas para carregar por jogo é personalizável, ele não tem que ser 50, pode ser qualquer número que você considera. Esse recurso é opcional, se ele está desativado todas as miniaturas são carregados e exibidos.

Personalizado ação imprensa thumbnail: quando uma miniatura é pressionado, você pode escolher se quer ver um lightbox mídia original que temos codificado, ou para abrir uma nova página Web, o URL e alvo desta página pode ser especificado. A lightbox pode exibir imagens, ou pode exibir vídeos carregados do YouTube ou Vimeo.

Lightbox características principais:

Responsive Flexível layout / / Fluid: o lighbox sempre preencher a janela do navegador disponível.

Todo o tema da cor pode ser modificado.

Vimeo e apoio YouTube: tudo o que você tem a fazer é incluir o link do vídeo do YouTube ou Vimeo 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.

Zoom e apoio a extração de imagens: você pode zoom in e out uma imagem e você pode deslocar a imagem, desta forma você pode ver a imagem em grande detalhe (opcional).

Botão Slideshow (opcional).

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

Autoplay Slideshow.

Slideshow gráficos personalizados animados.

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

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

Border personalizável e de fundo: o tamanho da borda e cor e também a cor de fundo principal é customizável.

O suporte ao teclado: as setas esquerda e direita pode ser usado para navegação (opcional).

ATUALIZAÇÕES

2013/03/07 - Bug fix relacionadas com a mesa de luz quando é ampliada no Chrome e melhor detecção para dispositivos móveis.


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

Propriedades

Criado:
18 13 de fevereiro

Última Atualização:
28 de setembro 13

alta resolução:
Yes

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

Arquivos incluídos:
JavaScript JS, HTML, CSS

Palavras-chave

eCommerce, todos os itens, android, app, dinâ, micos, flexí, veis, fliudwidth, fullscreen, galeria, grade, gridfolio, iframe, iOS, multimí, dia, responsivos, miniaturas, youtube