Как можно сделать выравнивание изображений по горизонтали заполнив всю ширину?

Question

[Станислав]

Подскажите может быть есть какие то легкие либы (только не на jQuery) или сам принцип реализации.
Имеется страница с картинками, их высота строго 300px, а вот ширина произвольная, ширину я рассчитываю при формировании HTML кода и добавляю ее к тегу img.
Так как ширина разная то нужно уместить в ряд картинки заполнив все пространство, к примеру как в гугл картинках это реализовано.

Comments

[kulaeff]

То есть ширина тоже фиксированная?

[Станислав]

kulaeff, только высота фиксирования, ширину я указываю, но ширина не должна быть принципиальна, т.е. ширину нужно будет изменять средствами JS, чтобы заполнить все пространство. Вот может есть какие то библиотеки для JS?

[kulaeff]

Станислав, ясно, значит первый раз я не совсем правильно интерпретировал вопрос. Но тогда встречный вопрос: на вашем скрине видно, что, к примеру, в первом ряду есть три картинки, при этом самая левая из них меньше, чем остальные две, которые одинакового размера. Как понять, в каком соотношении должны быть ширина всех картинок в этом ряду? Они все должны быть одинаковой ширины? То бишь формула: доступнаяШирина / количествоКартинок = ширинаКартинки?

Answer 1

[Александр]

https://habrahabr.ru/post/135421/

Answer 2

[Сергей Горячев]

https://tj-s.ru/tod/tj-gallery.html
Достаточно легкая хрень.
Как раз ставил себе на один сайт.

Спойлер

sveaborg.su - там демо версия, но плагин работает в галерее