Фотографий в ленте как у ВК, есть ли готовые решения?

Question

[Valeriu Vodnicear]

Есть блок, например квадратный.
Есть не-определённое количество картинок.
Нужно расположить картинки так, чтобы они занимали всё пространство.

Точно такой-же функционал есть у ВК (картинки ниже).
Есть готовые решения для этой задачи? Или нужно писать с нуля?

Answer 1

[drawnofmymind]

https://www.npmjs.com/package/vue-image-lightbox пойдет такое решение?

Comments

[Valeriu Vodnicear]

к сожалению нет, просмотр на весь экран пока не объязателен

там расположение картинок на странице похоже на эффект masonry
но тут задача немного другая

[Даша Циклаури]

Valeriu Vodnicear, насколько помню (вроде кто-то из разрабов писал) у ВК самописный алгоритм для этой плитки (ищут оптимальное расположение на площади)

[Valeriu Vodnicear]

Даша Циклаури, да, у ВК почти всё самописанное)
но нужно что-то похожее

вот нашёл для реакта https://github.com/Expertizo/react-fb-image-grid
но для vue к сожалению ещё не удалось найти

[drawnofmymind]

Valeriu Vodnicear, офигенная вещь)