Abbiamo il layout della griglia per la Galleria. Sfortunatamente il caricamento è un po 'brusco e instabile. Questo perché le colonne CSS3 sono progettate per dividere il contenuto tra ciascuna delle colonne in modo uniforme, ma a volte le immagini richiedono un momento per caricarsi e non hanno ancora una larghezza / altezza da usare. Quindi, quando compaiono, le colonne devono riorganizzarsi.
Penso che possiamo prevenire questo errore con un po 'di JavaScript. Poiché conosciamo l'altezza e la larghezza delle immagini, possiamo creare una casella delle proporzioni corrette da inserire come segnaposto. Quindi, quando l'immagine viene caricata, sostituiremo il segnaposto con l'immagine.
Alla fine del video siamo sulla strada giusta, ma è un po 'rotto. Non preoccuparti, lo sistemeremo nel prossimo video.