Arrumação Automática de Fotos
Eu tenho um diretório cheio de fotos e as carrego por meio de um script PHP.
E são fotos que tem o mesmo Width, mas não o mesmo Height. Eu quero que as fotos se auto arrumem dentro de minha DIV, como no Pinterest que tem 6 colunas por exemplo e as fotos ficam uma em baixo da outra não importa o Height.
Pq se eu fizer no CSS normal com Float Left ele alinha elas horizontalmente. Então se tiver uma foto com Height 200px, outra 300px e outra 230px... se tiver outra foto em baixo ele vai alinhar depois da 300px que é a maior.
E eu quero que a foto de baixo se junte com a primeira foto de cima... e assim vai...
Tentei com o Masonry e tals... consegui fazer só para o primeiro álbum.
Como é um site de fotografia eu tenho várias <Sections> e preciso delas porquê eu faço uma troca de album dinâmica no site, enquanto uma está Block as outras estão Nones...
Se fosse uma Section só funcionaria o que eu quero. Mas como são vários o script do Masonry não entende... que zica, mano !
Alguém pode me ajudar ?
view-source:http://osvaldas.info/examples/responsive-jquery-masonry-or-pinterest-style-layout/
Discussão (2)
Carregando comentários...