swaro
@swaro
Nice code - awesome bugs

Как сделать сетку изображений как в ВК?

Здравствуйте! У меня вот такой интересный вопрос: как сделать сетку изображений, как это сделано в ВК?
На данный момент у меня это реализовано так: бекенд считает сколько изображений у поста и сам готовит для него HTML код, а что с CSS уже проблемы. Как именно строить эту сетку? Я уже догадываюсь, что для каждого количества изображений своя сетка.
  • Вопрос задан
  • 385 просмотров
Пригласить эксперта
Ответы на вопрос 2
ArsenyMatytsyn
@ArsenyMatytsyn
Руководитель frontend направления, предприниматель
Можно использовать да, заготовки под условия, или написать алгоритмы автоматической разбивки соотношения, и на выходе передавать это, допусти в качестве коэффициента flex-grow. Дальше на сегодняшний день полноценно поможет справиться object-fit.
Ответ написан
Комментировать
profesor08
@profesor08
На гридах строишь сетку, и в зависимости от размера изображения, указываешь для него сколько оно занимает строк по вертикали и столбцов по горизонтали. На бэкенде надо будет определить сколько изображение должно занимать места, и устанавливаешь ему доп. атрибуты или классы, к которым привязываешь стили на фронте.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы