Галерея с разной высотой картинок?

Question

[LRN]

Добрый день.

Подскажите простую галерею с разной высотой картинок, по типу:


Спасибо

Comments

[Enkratia]

Вы спрашиваете библиотеку для javascript, которая так будет располагать картинки?

[LRN]

Enkratia, да, можно библиотеку.

[Сергей delphinpro]

Роман Лазарев, вы конкретный вариант рассматриваете, или картинка одна из возможных?
Точное техническое задание, или в данном случае, точная формулировка вопроса имеет огромное значение!

Если отвечать на ваш вопрос как он есть, то тут очень просто - гриды, две колонки, три ряда.

[LRN]

Выгружается список/картинки будет без разметки на колонки и т.д. сами картинки будут разной высоты, нужно, что бы автоматом библиотек собирала и подстраивала коллаж

[Enkratia]

1. Библиотека js: https://github.com/desandro/masonry
2. Обучающее видео: https://www.youtube.com/watch?v=_IAFA2kA840
3. Песочница (я начал, но не доделал): https://stackblitz.com/edit/vitejs-vite-kqnyhs?fil...

[Алексей]

https://kenwheeler.github.io/slick/
https://swiperjs.com/

[Ankhena]

Алексей, это каким это образом слик или свайпер начнут так располагать картинки? Покажете?

[Ankhena]

Роман Лазарев, ширина всегда такая, в два столбца? Тогда по-простецки, css columns.
Если нет, то скрипты типа masonry.

Answer 1

[mletov]

Google -> js masonry gallery