# 051: Galerie de încărcare lină, partea 1 - CSS-Tricks

Anonim

Avem aspectul grilei pentru Galerie. Din păcate, încărcarea acestuia este puțin bruscă și ciudată. Acest lucru se datorează faptului că coloanele CSS3 sunt concepute pentru a împărți conținutul în mod egal între fiecare coloană, dar uneori imaginile necesită un moment de încărcare și nu au încă o lățime / înălțime de utilizat. Deci, atunci când apar, coloanele trebuie să se reorganizeze.

Cu toate acestea, cred că putem preveni acest lucru cu ceva JavaScript. Din moment ce cunoaștem înălțimea și lățimea imaginilor, putem crea o casetă cu raportul de aspect corect pentru a o pune acolo ca substituent. Apoi, când imaginea este încărcată, vom înlocui substituentul cu imaginea.

Până la sfârșitul videoclipului suntem pe drumul cel bun, dar este puțin rupt. Nu vă faceți griji, o vom rezolva în următorul videoclip.