In dem wir die Probleme herausfinden, die wir hatten, um das Spaltenlayout gut zu laden. Die Korrektur bestand darin, das CSS zu entfernen, mit dem das Platzverhältnis der Platzhalterfelder funktioniert, sobald das Bild geladen wurde (das das Seitenverhältnis für sich allein enthält). Wenden Sie dann eine CSS-Klasse an, damit das Einblenden funktioniert (Ändern der Deckkraft von 0 auf 1). Einfach kitschig und nur ein bisschen JavaScript.
Es sollte beachtet werden, dass in der Live-Version der Site diese coole Technik leider nicht funktionieren würde. Damit es wirklich effektiv ist, müssen wir das Seitenverhältnis der Bildserverseite kennen. Wir können das Raster sofort mit den richtigen Platzhaltern erstellen. Leider haben wir diese Informationen nicht in der realen Galerie zur Verfügung. Wir können PHP verwenden, um die Dimensionen zu erhalten, aber es ist sehr langsam. Stattdessen warten wir, bis alle Bilder geladen sind, und blenden dann ihre Deckkraft ein. Nicht ganz so cool und etwas langsamer, aber zumindest weniger nervig.
