25 Galerias de Imagens JQuery e Plugins de Apresentação de Slides
Para alguns sites, as galerias de imagens são uma necessidade absoluta. Os portfólios são os primeiros a serem lembrados, mas as galerias também são úteis para blogs, sites de comércio eletrônico e, na verdade, para qualquer site que exibe regularmente várias imagens em uma única página.
Abaixo estão 25 fantásticos plugins de galeria e slideshow da jQuery. Eles são todos gratuitos (embora alguns exijam licenciamento diferente para uso comercial, tenham versões premium disponíveis ou ofereçam complementos pagos). Temos a certeza de que quase certamente haverá algo para se adequar ao que seu projeto atual precisa.
Sinta-se livre para sugerir outras opções no final deste post na área de comentários ...
Galeria TN3
Galeria TN3 é a nossa própria jQuery fantástica e profissional Galeria de imagens plug-in que inclui recursos de apresentação de slides. Os recursos incluem uma opção de tela cheia, dimensionamento dinâmico de imagens, vinculação de documentos, vários álbuns e navegação por roda do mouse. Ele pode ser esfolado com CSS para combinar com o tema do seu site e é compatível com todos os navegadores modernos para desktop e dispositivos móveis e também é compatível com mecanismos de pesquisa.
PikaChoose
PikaChoose é um plugin de slideshow leve que pode ser usado para carrosséis e mesas de luz. Alguns temas premium estão disponíveis para o PikaChoose, incluindo um tema de foto instantânea, caso você não queira criar seu próprio tema. É altamente personalizável e pode ser integrado ao Fancybox.
Slides
Slides é um simples plugin de slideshow para jQuery. Ele foi projetado para ajudar usuários iniciantes e avançados a criar apresentações de slides elegantes e fáceis de usar. Você pode incluir imagens com legendas e links e incorporar vários slideshows em uma única página.
Conjunto de slides
Conjunto de slides é um poderoso plugin de controle deslizante jQuery que pode ser usado para galerias de mídia, bem como outros conteúdos. Oferece personalização completa de CSS, skins personalizados, modo de slider (para apresentações de slides mais tradicionais) e suporte a tela de toque. Há também uma versão premium disponível.
Deslizante de moedas
Deslizante de moedas é um controle deslizante jQuery com efeitos de transição exclusivos. Ele tem opções flexíveis de configuração e é compatível com o IE6 +, o Firefox 2+, o Safari 2+, o Google Chrome 3+ e o Opera 9+, todos com marcação válida. Também é compatível com iOS e Android.
jQuery.popeye 2.0
jQuery.popeye 2.0 é um plugin de slideshow in-line. Parece apenas uma imagem normal em uma página até ser exibida, quando aparecem legendas e controles de navegação. É uma ótima opção para quem quer uma galeria de imagens discreta em seu site. Controles e contagem de imagens também podem ser incluídos com a imagem quando ela não está sendo exibida.
Galleriffic
Galleriffic é construído para lidar com grandes volumes de imagens enquanto economiza largura de banda. Ele usa o pré-carregamento de imagem inteligente após o carregamento da página e pode ser integrado ao plug-in jQuery.history para URLs por imagem amigáveis para os favoritos. Você pode adicionar seus próprios efeitos de transição personalizados, há suporte para legendas de imagens e tudo é muito flexível.
Galleria
Galleria O objetivo é facilitar a criação de galerias de imagens com aparência profissional para a Web e dispositivos móveis. Ele vem com um único tema, e temas premium adicionais estão disponíveis a partir de US $ 9. Você também pode criar seu próprio tema usando a API da Galleria.
Nivo Slider
o Nivo Slider inclui 16 efeitos de transição exclusivos e toneladas de configurações que você pode ajustar para atender às suas necessidades. A marcação é toda limpa e válida, e a versão compactada é de apenas 15kb. O Slider também inclui suporte para legendas em HTML, navegação por teclado e imagens de links e vem com três temas.
Pergaminho div
o Pergaminho div O plugin permite que o conteúdo role horizontalmente para a esquerda ou para a direita, sem limitar a rolagem a etapas distintas. Não há botões ou links visíveis, pois a rolagem é feita por meio de pontos de acesso na área de rolagem ou com rolagem automática.
Galeria de imagens deslizantes
o Galeria de imagens deslizantes O plugin foi inspirado no visualizador de álbuns do iTunes. Existem algumas variações disponíveis e instruções completas para implementação são fornecidas.
Lateralmente
Lateralmente é uma galeria de imagens em tela cheia que é absolutamente linda, especialmente em monitores widescreen. Inclui um visualizador de miniaturas e a próxima navegação de imagem.
Órbita
Órbita é um simples controle deslizante de imagem da Zurb. Você pode usar miniaturas de imagens para navegação e tem código semântico limpo. A navegação pode estar dentro ou fora do contêiner, ele suporta legendas de HTML e até mesmo texto de face de fonte CSS3 sobre suas imagens.
ShineTime
ShineTime é uma galeria jQuery e CSS3 com efeitos de brilho animados em miniaturas e legendas de fotos. Ele usa miniaturas para navegação.
Galeria AD
Galeria AD é um plug-in de apresentação de slides simples que suporta tanto o slide in e o fade in de imagens, o pré-carregamento de imagens e as descrições de imagens. Ele reduzirá as imagens maiores que o tamanho do contêiner e centralizará as imagens menores.
Supersized
Supersized é uma apresentação de slides em tela cheia. Ele redimensiona automaticamente as imagens para caber na janela do navegador, mantendo a taxa de proporção e pré-carregando as imagens. Há também uma versão do Flickr Supersized que extrairá imagens do seu fluxo de fotos do Flickr.
foto bonita
foto bonita é um clone lightbox, com suporte para imagens, vídeo, Flash, iframes e ajax. Pode ser usado para imagens individuais ou galerias, e as galerias podem ter conteúdo misto.
Caixa de Cores
Caixa de Cores é um plugin de lightbox leve e personalizável que suporta fotos, ajax e iframes. Ele pré-carregará suas imagens de fundo e pré-carregará as próximas imagens em um grupo de fotos. Ele vem com transições elásticas e de desbotamento, bem como a opção de não haver transição entre as imagens.
YoxView
YoxView é um plug-in de mídia e visualizador de imagens do tipo lightbox. Suporta imagens, vídeos (incluindo YouTube, Hulu e Vimeo), conteúdo em linha, iframes, Flash e muito mais. Ele pode ser incorporado na mesma página várias vezes e você pode ter o conteúdo reproduzido automaticamente.
Galeria de imagens micro
o Galeria de imagens micro é um pequeno plugin de galeria de imagens, projetado para uso quando o espaço é limitado. Existem três tamanhos disponíveis, 102 pixels, 162 pixels e 222 pixels, e as galerias podem exibir miniaturas ou uma única imagem quando carregadas.
LightBox
O jQuery LightBox O plugin foi inspirado pelo Lightbox JS. É simples e discreto, sobrepondo imagens diretamente sobre a página atual. Há várias opções de configuração disponíveis para personalizar o plug-in.
Galeria Morphing
O jQuery Galeria Morphing O plugin usa uma combinação de fades e mudança de forma como transição entre imagens. Toda a apresentação de slides altera o tamanho e a forma para se ajustarem à imagem que está sendo exibida.
slideViewer
slideViewer é um simples controle deslizante de imagem do jQuery construído em uma única lista não ordenada. Oferece legendas de dica de ferramenta para as imagens, que podem ser personalizadas, bem como CSS personalizável para estilo.
Caixa chique
Caixa chique é um plugin de galeria de estilo de janela modal simples. Ele pode lidar com uma variedade de conteúdo além das imagens, incluindo conteúdo em linha, ajax, iframes e Flash. Ele suporta uma variedade de posições de títulos, e a apresentação de slides pode ser navegada usando a roda de rolagem do mouse ou com a navegação na tela.
Galeria espacial
Galeria espacial tem uma interface 3D que carrega novas imagens quando você clica no existente. Ele tem uma borda configurável, duração da animação, altura da perspectiva e muito mais.
Recurso imagem por Shutterstock
Qual é o seu plugin de galeria jQuery favorito? Está na lista ou em algo completamente diferente? Deixe-nos saber nos comentários!