We hebben de rasterlay-out voor de galerij. Helaas is het laden ervan een beetje abrupt en wankel. Dit komt doordat CSS3-kolommen zijn ontworpen om de inhoud gelijkmatig over elk van de kolommen te verdelen, maar het laden van afbeeldingen duurt soms even en hebben nog geen breedte / hoogte om te gebruiken. Dus als ze binnenkomen, moeten de kolommen zichzelf reorganiseren.
Ik denk dat we deze dwaasheid echter kunnen voorkomen met wat JavaScript. Omdat we de hoogte en breedte van de afbeeldingen kennen, kunnen we een kader met de juiste beeldverhouding maken om daar als tijdelijke aanduiding te plaatsen. Wanneer de afbeelding is geladen, vervangen we de tijdelijke aanduiding door de afbeelding.
Aan het einde van de video zijn we op de goede weg, maar hij is een beetje kapot. Maak je geen zorgen, we lossen het op in de volgende video.