Javascript Girl
  1. Javascript Girl
  3. Galerie Mosaic Grid avec des images de taille dynamique
Intereting Posts
Comment gérer ajax 201 Chargez l'image de l'URL et dessinez la Toile HTML5 Comment créer, manipuler et détruire les objets JS :: Heap <T> dans Spidermonkey? Fusion de données dans d3.js AngularJS Afficher typeahead sur le clic de bouton Quel est le symbole du séparateur décimal en JavaScript? Tri de manière asynchrone GridView dans ASP.NET MVC à l'aide d'Ajax Comment puis-je créer un acte de sélection multiple HTML comme le bouton de contrôle est toujours maintenu Différence entre inclure et bloquer à Jade Comment puis-je supprimer wrapper (élément parent) sans supprimer l'enfant? Configure Parsley en utilisant Javascript, pas les attributs de données html TypeError: redeclaration de let error dans la console Firebug si vous exécutez le code ES6 NodeJS parseStream, définissant un début et un point final pour un morceau Comment puis-je savoir quelle version de Javascript j'utilise? Programmatically Clip / Cut image à l'aide de Javascript

Galerie Mosaic Grid avec des images de taille dynamique

Je viens de recevoir la conception suivante pour un projet, pour une galerie de grille d'image, avec des images dynamiques de largeur et de hauteur (images soumises par l'utilisateur). (Capture d'écran à la fin de la publication)

J'ai essayé jQuery Masonry , Tympanus Automatic Image Montage et CSS-Tricks Seemless Réponse Photo Grid , mais chacun a leur limitation.

  • Jquery Maçons permet à la fois la largeur et la hauteur d'être dynamiques, mais il existe des lacunes
  • Les 2 derniers scripts, génèrent de très beaux réseaux, mais avec le problème que la largeur ou la hauteur doivent être statiques

EDIT: j'ai rencontré, isotope , qui est presque parfait et je vais probablement finir par l'utiliser, à moins qu'il n'y ait quelque chose qui corrige mes besoins exactement. Par conséquent, ma question reste la même …

Existe-t-il un script javascript (de préférence jQuery) qui peut générer une mosaïque complètement dynamique (en ce qui concerne la taille de l'image), comme celui de la capture d'écran ci-dessous?

Merci pour toute aide

Galerie

Je suggère Freewall . Il s'agit d'un plugin jQuery multi-navigateur et croisé pour vous aider à créer de nombreux types de configurations de grille: des mises en page flexibles, des mises en page d'images, des configurations de grille imbriquées, des mises en page de style métropolitain, des mises en page plus rigoureuses … avec de beaux effets d'animation CSS3 et des événements d'appel. Freewall est une solution tout-en-un pour créer des configurations de grilles dynamiques pour le bureau, le mobile et la tablette.

Page d'accueil et document: également trouvé here .

Je pense que vous pouvez essayer "Google Grid Gallery" , basée sur la Maçonnerie précitée avec quelques ajouts, comme les styles et les spectateurs.