Задать вопрос
@mrrangerr
javascript

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

Добрый вечер. Делаю приложение с помощью API Unsplash и React. Как реализовать загрузку изображении которые приходят с API так чтобы они заполняли пустое пространство и вставали рядом друг с другом?
Нужно сделать как на скрине. Спасибо!
5e1a0cb8f0741583310609.jpeg
  • Вопрос задан
  • 177 просмотров
3 комментария
Подписаться 1 Простой 3 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 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/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Ещё вакансии