Mosaic Grid Galerie mit Bildern in dynamischer Größe [geschlossen]

80

Ich habe gerade den folgenden Entwurf für ein Projekt für eine Bilderrastergalerie mit dynamischen Breiten- und Höhenbildern (vom Benutzer eingereichte Bilder) erhalten. (Screenshot am Ende des Beitrags)

Ich habe jQuery Masonry , Tympanus Automatic Image Montage und CSS-Tricks Seemless Responsive Photo Grid ausprobiert , aber jedes hat seine eigenen Einschränkungen.

  • Jquery Masonry ermöglicht eine dynamische Breite und Höhe, es entstehen jedoch Lücken
  • Die letzten beiden Skripte erzeugen sehr schöne Gitter, aber mit dem Problem, dass entweder Breite oder Höhe statisch sein müssen

EDIT: Ich bin auf Isotope gestoßen , was fast perfekt ist und ich werde es wahrscheinlich am Ende verwenden, es sei denn, es gibt etwas, das meine Bedürfnisse genau behebt. Daher bleibt meine Frage immer noch dieselbe ...

Gibt es ein Javascript-Skript (vorzugsweise jQuery), das ein vollständig dynamisches Mosaik (in Bezug auf die Bildgröße) erzeugen kann, wie das im folgenden Screenshot?

Vielen Dank für jede Hilfe

Galerie

javascript jquery grid gallery mosaic Dogoku
quelle
Danke, das sieht so aus, als ob es das ist, was ich brauche. Können Sie dies bitte als Antwort hinzufügen, damit ich Sie richtig anerkennen und die Frage als beantwortet markieren kann?
Dogoku
@Dogoku Können Sie uns mitteilen, wie Sie gleichzeitig Höhe und Breite in Isotope dynamisieren können?
Mark Vital
Warnung: Der Link zur automatischen Bildmontage von Tympanus ist ein fehlerhafter Müll.
Schiffsform
Sie können unitegallery verwenden . Es reagiert und verfügt über verschiedene Optionen wie Link, Symbol, Leuchtkasten usw.
RN Kushwaha
Ich möchte die gleiche Ausgabe wie im obigen Bild. Die Bilder sind unterschiedlich groß, wollen aber am Ende keine Lücken. Freewall Metro Style Grid funktioniert für mich nicht, da alle Bilder sind. bitte helfen!
Monisha

Antworten:

64

Ich schlage vor Freewall. Es ist ein browserübergreifendes und ansprechendes jQuery-Plugin, mit dem Sie viele Arten von Rasterlayouts erstellen können: flexible Layouts, Bildlayouts, verschachtelte Rasterlayouts, Layouts im Metro-Stil, interessante Layouts ... mit netten CSS3-Animationseffekten und Rückrufereignissen. Freewall ist eine Komplettlösung zum Erstellen dynamischer Rasterlayouts für Desktop, Mobile und Tablet.

Homepage und Dokument: ebenfalls gefunden here.

Oleg
quelle
12
Studieren Sie dies: könnte hilfreich sein crispymtn.com/stories/…
mayankcpdixit
@ Mayankcpdixit das ist sehr hilfreich, danke
zavr
1
tnx @zavr Ich habe etwas Eigenes gemacht. github.com/mayankcpdixit/grid-no-white
mayankcpdixit
@ Mayankcpdixit, cool, gut gemacht. Ich habe auch mein eigenes als jQuery-Plugin erstellt.
Zavr
2

Ich denke, Sie können "Google Grid Gallery" ausprobieren , das auf dem oben genannten Mauerwerk basiert und einige Ergänzungen wie Stile und Viewer enthält.

Askhat
quelle