Vi har nettoppsettet for galleriet. Dessverre er belastningen litt brå og uklar. Dette er fordi CSS3-kolonner er designet for å dele innhold mellom hver av kolonnene jevnt, men bilder tar noen ganger et øyeblikk å laste inn og har ikke en bredde / høyde å bruke ennå. Så når de kommer inn, må kolonnene omorganisere seg.
Jeg tror vi kan forhindre denne vantro med noen JavaScript skjønt. Siden vi kjenner bildens høyde og bredde, kan vi lage en rute med riktig størrelsesforhold for å plassere det som en plassholder. Så når bildet er lastet inn, erstatter vi plassholderen med bildet.
Mot slutten av videoen er vi på rett spor, men den er litt ødelagt. Ikke bekymre deg, vi ordner opp i neste video.