У нас есть сетка для галереи. К сожалению, загрузка немного резкая и неустойчивая. Это связано с тем, что столбцы CSS3 предназначены для равномерного разделения содержимого между каждым из столбцов, но изображения иногда загружаются через некоторое время и еще не имеют ширины / высоты для использования. Поэтому, когда они появляются, столбцы должны реорганизоваться.
Я думаю, что мы можем предотвратить эту странность с помощью некоторого JavaScript. Поскольку мы знаем высоту и ширину изображений, мы можем создать поле с правильным соотношением сторон и поместить его в качестве заполнителя. Затем, когда изображение загружено, мы заменим заполнитель изображением.
К концу видео мы на правильном пути, но он немного сломан. Не волнуйтесь, мы исправим это в следующем видео.