28182 sujets

CSS et mise en forme, CSS3

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 ?

upload/1589287429-17275-sanstitre-6.jpg
Modifié par fabrice88 (12 May 2020 - 14:44)
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é.
Sujet clos
Aller à