Bonjour, Je tente de réaliser une galerie d’image où les images apparaissent en mosaique, comme les sites Unsplash ou Pinterest peuvent afficher. J’essaie d’adapter le plugin "Gallery" de Dokuwiki pour avoir un effet similaire.
Les images sont dans un tableau. En bidouillant le css, j’arrive à approcher du rendu que je cherche : mes images font toutes la même largeur mais ont des hauteurs différentes.
Mon souci, c’est que la hauteur de chaque ligne du tableau est actuellement déterminée par l’image la plus haute, donc certaines images (moins hautes et sur la même ligne) ont un grand vide au dessus/en dessous. Ce que j’aimerais, c’est que ça s’organise par colonne, les images les unes à la suite des autres dans la colonne, et donc qu’on ne voit plus les lignes et que l’effet "mosaique" soit là, chaque image séparée des autres (au dessus, au dessous, sur les côté) par un petit vide qui fait toujours la même taille.
Est-ce que le tableau me permet de faire ça, ou est-ce qu’il faut que je parte sur une autre logique ? Mes tests "de zéro" ne sont pas des plus concluants non plus… C’est la première fois que j’utilise les fonctions de tableau en html et je ne suis pas certaine des possibilités.