Wir haben das Rasterlayout für die Galerie in Betrieb. Leider ist das Laden etwas abrupt und wackelig. Dies liegt daran, dass CSS3-Spalten so konzipiert sind, dass der Inhalt gleichmäßig auf jede der Spalten aufgeteilt wird. Das Laden von Bildern dauert jedoch manchmal einen Moment und hat noch keine Breite / Höhe. Wenn sie angezeigt werden, müssen sich die Spalten neu organisieren.
Ich denke, wir können diese Wonkiness mit etwas JavaScript verhindern. Da wir die Höhe und Breite der Bilder kennen, können wir ein Feld mit dem richtigen Seitenverhältnis erstellen, um es als Platzhalter zu verwenden. Wenn das Bild geladen wird, ersetzen wir den Platzhalter durch das Bild.
Am Ende des Videos sind wir auf dem richtigen Weg, aber es ist ein wenig kaputt. Keine Sorge, wir werden es im nächsten Video beheben.