/ / Comment crée-t-on une galerie photo dynamique qui ajuste les espaces verticaux et horizontaux? - jquery, html, css, css3

Comment créer une galerie photo dynamique qui ajuste les espaces verticaux et horizontaux? - jquery, html, css, css3

Je cherche quelque chose comme ça ........

toutes les photos doivent prendre leur taille originale et s’ajuster comme ceci

Si c'est seulement dans le sens horizontal, alorsfloat: left ferait l'affaire ... mais si nous voulons qu'un élément occupe l'espace vertical autant que possible, alors comment le faisons-nous? Qu'il s'agisse d'une image ou d'un élément DOM, comment pouvons-nous obtenir ce type d'alignement de manière dynamique?

Réponses:

4 pour la réponse № 1

Veuillez passer par le plugin Jquery Masonry. Il est conçu pour traiter exactement ce problème.

La maçonnerie est un plugin de mise en page de grille dynamique pourjQuery. Pensez-y comme le revers des flottants CSS. Alors que flottant organise les éléments horizontalement puis verticalement, la maçonnerie organise les éléments verticalement, en positionnant chaque élément dans le prochain point ouvert de la grille. Le résultat minimise les espaces verticaux entre les éléments de hauteur variable, tout comme un maçon pose des pierres dans un mur.

URL: http://masonry.desandro.com


2 pour la réponse № 2

Un plugin jQuery appelé Maçonnerie est conçu pour gérer ce genre de chose.