Vi har gitterlayoutet til galleriet i gang. Desværre er indlæsningen af den lidt brat og uhyggelig. Dette skyldes, at CSS3-kolonner er designet til at opdele indhold mellem hver af kolonnerne jævnt, men billeder tager nogle gange et øjeblik at indlæse og har endnu ikke en bredde / højde at bruge. Så når de kommer ind, skal kolonnerne omorganisere sig selv.
Jeg tror dog, at vi kan forhindre denne vanvittighed med noget JavaScript. Da vi kender billedernes højde og bredde, kan vi oprette en boks med det korrekte billedformat, der skal placeres der som pladsholder. Så når billedet er indlæst, erstatter vi pladsholderen med billedet.
I slutningen af videoen er vi på rette spor, men den er lidt brudt. Bare rolig, vi ordner det i næste video.