dez 112012
 

Em um de nossos projetos precisávamos de uma galeria de fotos em formato de mosaico.

Até aí tudo bem, o css resolve bem se, e somente se, os thums forem todos do mesmo tamanho. Porém, o design estilo azulejo não nos agradou nem um pouco, além do que com os thumbs do mesmo tamanho a qualidade da imagem dos thumbs acabou ficando prejudicada, ou pelo corte ou pela distorção…nenhuma agradou.

Chegamos ao segundo ponto, com os thumbs em tamanhos variados o visual ficou muito mais agradável, porém o css não deu conta, sempre a coisa acabava alinhada em algum ponto com muitos espaços vazios.

A solução foi das mais simples:

Jquery e um plugin específico.

Dos que testamos selecionamos dois para compartilhar, são os mais simples, rápidos e com licença free.

Masonry:

Excelente, simples e direto:

masonry

 

 

 

 

Isotope:

O mesmo do anterior, com mais opções, portanto um bocadinho mais complexo:

isotope

 

 

 

 

 

Em breve divulgamos os arquivos da galeria.