Meillä on ruudukon asettelu galleriaa varten. Valitettavasti sen lataaminen on hieman äkillistä ja röyhkeä. Tämä johtuu siitä, että CSS3-sarakkeet on suunniteltu jakamaan sisältö jokaisen sarakkeen kesken tasaisesti, mutta kuvien lataaminen kestää toisinaan hetken, eikä niillä ole vielä käytettävää leveyttä / korkeutta. Joten kun ne ilmestyvät, sarakkeiden on järjestettävä itsensä uudelleen.
Uskon, että voimme estää tämän onnellisuuden JavaScriptillä. Koska tiedämme kuvien korkeuden ja leveyden, voimme luoda oikean kuvasuhteen ruudun paikkamerkkinä. Kun kuva ladataan, korvataan paikkamerkki kuvalla.
Videon loppuun mennessä olemme oikealla tiellä, mutta se on hieman rikki. Älä huoli, korjaamme sen seuraavassa videossa.