Nous avons la disposition de la grille pour la galerie. Malheureusement, le chargement de celui-ci est un peu brusque et bancal. En effet, les colonnes CSS3 sont conçues pour répartir le contenu entre chacune des colonnes de manière égale, mais les images prennent parfois un moment à se charger et n'ont pas encore de largeur / hauteur à utiliser. Ainsi, lorsqu'elles apparaissent, les colonnes doivent se réorganiser.
Je pense que nous pouvons éviter ce désagrément avec du JavaScript. Puisque nous connaissons la hauteur et la largeur des images, nous pouvons créer une boîte avec le rapport hauteur / largeur correct pour y placer un espace réservé. Ensuite, lorsque l'image est chargée, nous remplacerons l'espace réservé par l'image.
À la fin de la vidéo, nous sommes sur la bonne voie, mais c'est un peu cassé. Ne vous inquiétez pas, nous réglerons le problème dans la prochaine vidéo.