@mrrangerr

Как сделать динамически изменяемые размеры фотографии?

Добрый вечер. Делаю приложение с помощью API Unsplash и React. Как реализовать загрузку изображении которые приходят с API так чтобы они заполняли пустое пространство и вставали рядом друг с другом?
Нужно сделать как на скрине. Спасибо!
5e1a0cb8f0741583310609.jpeg
  • Вопрос задан
  • 119 просмотров
Решения вопроса 1
pavel_ataykin
@pavel_ataykin
Верстаю и программирую всякое.
Такая раскладка называется "Masonry Layout". Соотвественно самый простой способ - это использовать готовые плагины для react например этот: https://www.npmjs.com/package/react-masonry-component
Если нужно разработать "свой" механизм, то гугли по названию раскладки.
P.S. Если не требуется соблюдать иерархию картинок, то можно использовать css свойство column-count пример реализации можно посмотреть здесь: https://w3bits.com/css-masonry/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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