Галерея с изображениями разными по ширине

#javascript #html #css #адаптивная_верстка

Как реализовать галерею с изображениями, разными по ширине, но фиксированными по высоте? 

Необходимо, чтобы изображения сами распределялись и ужимались в зависимости от места
в блоке div. Есть скрипт masonry, но там, как я понял, такая штука работает только
по вертикали.

Как примерно должно выглядеть, показано на рисунке:


    

Ответы

Ответ 1

Можно подключить плагин который автоматически будет выводить фото Например:

Демо 1, 2, 3, 4, 5 ...

Там сверху есть ссылка ( CollagePlus jQuery Plugin Example ) где можно скачать плагин.

Успехов.


Ответ 2

Фиксированная высота, под которую подгоняется картинка, и выравнивание по двум краям
с пустотами между картинками?

display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;