Masonry Spalten

less
Freshpage 1
  • Die Bilder werden in Spalten angeordnet.
  • Mit Lazy-Loading.
  • Vergrösserung der Bilder über Fancybox.
zur Webseite

GridGallery

scss
Freshpage 2
  • Bilder mit beliebigen Seitenverhältnissen werden reihenweise angezeigt, ähnlich wie Google Images. (Siehe Wiki-Eintrag).
  • Vergrösserung der Bilder über Fancybox.
zur Webseite

Nachteile

  • auf dem Bürohandy und dem Sitzungszimmer-Screen werden die Bilder teils nicht korrekt angeordnet
    • Verbesserung, aber kein endgültiger fix: im js-File auf Zeilen 120 & 127 Math.floor() mit Math.ceil() ersetzen
  • wenn kombiniert mit Fancybox (v3.5.6) sind nach einem resize z.T. Bilder nicht mehr im Pop-Up angezeigt.
  • Kein Resize-trigger bei Zoom