carranca@carranca.com.br
+55 11 94346-2969

jQuery para sites: Galerias

jQuery é uma biblioteca JavaScript criada em 2006 por John Resig que além de muito poderosa e fácil de utilizar, pode ser utilizada e modificada sem qualquer custo. Essa biblioteca consegue abstrair do desenvolvedor web muito da programação exigida para criação de recursos de interatividade em um site, por exemplo.” (fonte)

Podemos, por exemplo, desenvolver galerias de imagens com visual bastante atraente com ele, permitindo mostrar os conteúdos de uma maneira dinâmica, intuitiva e agradável, sem sobrecarregar o site.

Essas galerias podem conter animações, anteriormente possíveis apenas com o Flash, e são comuns em sites com portfólio ou grande volume de imagens. Elas podem ser inseridas também na homepage do seu site para servir de vitrine para os destaques do site, onde chamamos de TV Flash.

Podem ser utilizadas também para incrementar a composição visual do site, como as galerias que trocam a imagem de fundo do site ou ainda em galerias informativas.

Podemos perceber que com o avanço do JavaScript como jQuery, Prototype, timthumb e outros, a qualidade das galerias de imagens e slideshows JavaScript melhoraram incrivelmente, proporcionando ao cliente inúmeras possibilidades para apresentar o seu produto ou serviço de uma forma dinâmica e animada.

Em seguida mostraremos algumas galerias de imagens que  auxiliaram na hora de planejar como será o seu site, hotsite, portal e etc.

1. GALLERIA

Essa galeria possibilita o usuário a navegar pelas setas laterais, possui um campo com a listagem das thumbnails da galeria, possui o botão do player para que as imagens passe automaticamente, a galeria exibe a legenda das imagens, possui um botão para ampliar as imagens e outro para utilizar a tela cheia. Visualizar demo

Este plugin foi utilizado no Projeto Nikemedia Brasil, desenvolvido pela Carranca Design

2. ANYTHINGSLIDER

É um plugin jQuery slidehow. Ele suporta imagens com o ciclismo de imagem com efeito de transição. Visualizar demo

Este plugin foi utilizado no Projeto Hara Spa, desenvolvido pela Carranca Design

3. JQUERY LIGHTBOX

Este plugin jQuery lightbox é simples, elegante, discreto, sem necessidade de marcação extra e é usado para sobrepor imagens na página atual com flexibilidade do seletor do jQuery. Visualizar demo

Este plugin foi utilizado no Projeto TopSkin, desenvolvido pela Carranca Design

4. JQUERY IMAGE OVERLAY PLUGIN

O plugin sobreposição de imagens é um plugin jQuery simples que apresentar uma imagem com um título sobreposto .  A sobreposição aparece quando o mouse é posto em cima da imagem. Vizualizar demo

Este plugin foi utilizado no Projeto Carranca Design, desenvolvido pela Carranca Design

5. NIVO SLIDER

Este plugin proporciona a transição de imagens, utilizando efeitos de transição. Possui navegação por seta e por botões. Visualizar demo

Este plugin foi utilizado no Projeto FIAP, desenvolvido pela Carranca Design

6. BUILDING A JQUERY IMAGE SCROLLER

O plugin Scroller é simples, sua animação faz com as imagens passem automaticamente dentro de um campo determinado, se passar o mouse em cima da imagem o Scroll para. Vizualizar demo

Este plugin foi utilizado no Projeto ABIHPEC, desenvolvido pela Carranca Design

Tags: , , ,

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *