Máme pripravené rozloženie mriežky pre galériu. Načítanie je bohužiaľ trochu prudké a neslušné. Je to preto, že stĺpce CSS3 sú navrhnuté tak, aby rovnomerne rozdelili obsah medzi každý zo stĺpcov, načítanie obrázkov však niekedy trvá chvíľu a zatiaľ nemajú šírku / výšku na použitie. Takže keď sa objavia, musia sa stĺpce znova usporiadať.
Myslím si, že tejto vierohodnosti môžeme zabrániť pomocou nejakého JavaScriptu. Pretože poznáme výšku a šírku obrázkov, môžeme vytvoriť rámček so správnym pomerom strán, ktorý tam umiestnime ako zástupný symbol. Potom, keď sa obrázok načíta, nahradíme zástupný symbol obrázkom.
Na konci videa sme na dobrej ceste, ale je to trochu pokazené. Nebojte sa, v nasledujúcom videu to napravíme.