Как реализовать секцию галереи в single поста?

Question

[Andrew Lynx]

Нужно в конце записи добавить галерею изображений. Будут выводиться последние 3 картинки из галереи. Проблема в том что картинки могут быть как вертикальными так и горизонтальными. Ума не приложу как правильно сверстать... Вот попалась вертикальная. Как блоки сверстать? Чтобы смотрелось красиво. Я уверен что с таким сталкиваются. Рассмотрю любой вариант. Может есть реализация на js?

Comments

[FeST1VaL]

ну как вариант сделать все одной высоты) что вы тут собрались верстать то) можете конечно перед выводом определять размеры картинки в зависимости от этого ее тип вертикальная или горизонтальная ну или квадратная) и в зависимости от этого уже ее ставить например две горизонтальные друг под другом, а справа вертикальная на высоту этих двух

Answer 1

[Kerm]

Да главное мелкие картинки фоток сделать все одного размера в CSS чисто ограните их высоту, а уже когда увеличат увидят фотку полностью.

Answer 2

[Алексей]

Создайте блоки одинакового размера, эти картинки назначьте им фоном, добавьте свойство background-size: cover;

При клике на блок открывайте полноразмерную картинку в модалке