У нас є сітка для галереї. На жаль, завантаження його трохи різке та хитке. Це пов’язано з тим, що стовпці CSS3 призначені для рівномірного розподілу вмісту по кожному з них, але завантаження зображень іноді займає хвилину і ще не має ширини / висоти для використання. Тож коли вони з’являються, колони повинні реорганізуватися.
Я думаю, що ми можемо запобігти цій хитрості за допомогою деякого JavaScript. Оскільки ми знаємо висоту та ширину зображень, ми можемо створити вікно з правильним співвідношенням сторін, щоб помістити його там як заповнювач. Потім, коли зображення завантажується, ми замінюємо заповнювач на зображення.
В кінці відео ми вже на правильному шляху, але він трохи зламаний. Не хвилюйтеся, ми це виправимо в наступному відео.