29 de abril de 2007

5 técnicas de Galerias de imagens usando CSS

Hoje achei no blog do Cameron o post sobre os
10 melhores tutoriais de css.O que eu achei
mais interessante foi o 'tutorial' da galeria de imagens,e por isso procurei mais alguns pra amostrar para vocês
aqui:



1- A melhor galeria que eu achei brasileira foi essa do mestre Maujor.Quando o mouse esta em cima de alguma miniatura na lateral,aparece a foto grande no lado direito.E quando o mouse esta fora dessas miniaturas, aparece
uma imagem que pode ser definida pelo desenvolvedor.E também tem espaço para legendas!
Tutorial - Exemplo


2- Aparece alguns links,que parecem ser uma barra de navegação,mais quando o usuário passa o mouse por cima,
aparece um sub-menu com varias fotos,que podem ser ampliadas!
Tutorial - Exemplo


3- Uma foto sobre a outra,e quando se passa o mouse em cima,a foto se expande "empurrando" as outras para baixo.
Tutorial - Exemplo


4- Parecida com a do Maujor soh que mais simples
Tutorial - Exemplo


5- Galeria onde você clica e abre uma espécie de pop up (mas não eh um),deixando a pagina mais escurecida (dando atenção apenas a imagem)
Exemplo


Ateh a próxima! Comentem!

2 comentários:

Anônimo disse...

Muito bom. Reúne apenas 5 exemplos para se fazer uma galeria de imagens, mas os exemplos são muito bons, o melhor é o primeiro.

Parabéns.

Guido disse...

Obrigado :)