Galerie Mosaic Grid avec des images de taille dynamique
Je viens de recevoir le dessin suivant pour un projet, pour une galerie de grilles d’images, avec des images dynamiques en largeur et en hauteur (images soumises par l’utilisateur). (Capture d'écran à la fin du post)
J'ai essayé jQuery Masonry , Montage d'image automatique Tympanus et Grille de photos adaptatives CSS-Tricks Seemless , mais chacune a sa limite.
- La maçonnerie JQuery permet d’avoir une largeur et une hauteur dynamiques, mais des vides sont générés.
- Ces 2 derniers scripts génèrent de très jolies grilles, mais le problème est que largeur ou hauteur doivent être statiques
EDIT: Je suis tombé sur Isotope , ce qui est presque parfait et je finirai probablement par l'utiliser, à moins que quelque chose ne corrige mes besoins exactement. Donc ma question reste toujours la même ...
Existe-t-il un script javascript (de préférence jQuery) capable de générer une mosaïque complètement dynamique (en ce qui concerne la taille de l'image), comme celle de la capture d'écran ci-dessous?
Merci pour toute aide
Je suggère Freewall . C'est un plugin jQuery multi-navigateur et réactif qui vous aide à créer de nombreux types de dispositions de grille: dispositions souples, dispositions d'images, dispositions de grille imbriquées, dispositions de style métropolitain, mises en forme similaires ... avec des effets d'animation CSS3 et des événements de rappel. Freewall est une solution tout-en-un pour la création de dispositions de grille dynamiques pour les ordinateurs de bureau, mobiles et tablettes.
Page d'accueil et document: également trouvé here .
Je pense que vous pouvez essayer "Galerie Google Grid" , basé sur la maçonnerie susmentionnée avec quelques ajouts, tels que les styles et le visualiseur.