Affichage miniatures différentes tailles

Bonjour,
pour une galerie photo je voudrais avoir un rendu sans être obliger de "rogner" les miniatures de mes photos qu'elles soient en portrait ou paysage comme le visuel que je met ci-dessous.
Je crois qu'il y a un nom pour ce genre de rendu de galerie mais je ne le connais pas.
Pourriez vous me dire si c'est faisable uniquement en css ou si il faut du jquery ou autre.
Avez vous des exemples ?


Modifié par fabrice88 (12 May 2020 - 14:44)

Bonjour,

L'effet que vous voulez avoir n'est pas faisable uniquement en css.
je vous conseille d'utiliser https://masonry.desandro.com/
C'est très utilisé et facilement réalisable grâce à ce plugin

Flex et Grid ne peuvent rien faire pour ce template pourtant très demandé. Je pense que le salut viendra d'une évolution de la propriété columns à l'avenir (mais ça fait des années que j'attends ça).

J'avais conçu une "presque" solution : Pseudo Masonry. Presque car les items ne s'affichent pas dans le sens de la lecture mais dans le sens des colonnes. On peut très bien envisager ce code comme une solution de repli si masonry.js (ou son alter ego Isotope) désactivé.

Bonjour,

voici un sujet similaire et plein d'infos : https://forum.alsacreations.com/topic-4-85619-1-Affichage-Masonry-CSS-pour-commentaires.html
cdt,