Megvan a rács elrendezése a Galéria számára. Sajnos a rakodása kissé hirtelen és nyűgös. Ennek oka, hogy a CSS3 oszlopokat úgy tervezték, hogy egyenletesen osszák el a tartalmakat az oszlopok között, de a képek néha eltartanak egy pillanatig, és még nincs szélességük / magasságuk. Tehát amikor beugranak, az oszlopoknak újjászerveződniük kell.
Úgy gondolom, hogy néhány JavaScript használatával megakadályozhatjuk ezt a nyűgöt. Mivel ismerjük a képek magasságát és szélességét, létrehozhatunk egy megfelelő méretarányú dobozt helyőrzőként. Majd a kép betöltésekor a helyőrzőt kicseréljük a képre.
A videó végére jó úton járunk, de ez egy kicsit megtört. Ne aggódjon, a következő videóban megoldjuk.