Разная ширина изображений в Colorbox

Аватар пользователя Сергей Березин Сергей Березин 8 апреля 2017 в 23:33

Изображения подаются листом

ul
li
li
li
/ul

Нужно чтобы в одном ряду было 3 картинки по 300px, а в другом 2 картинки по 450px. И далее в такой последовательности.

В данный момент все картинки выводятся с одинаковой шириной - 300 точек. Как сделать, чтобы в этом же листе были картинки шириной по 450?

Спаси и сохрани нас всех!

0 Thanks

Комментарии

Аватар пользователя Сергей Березин Сергей Березин 9 апреля 2017 в 0:21

Класс тут не катит. Я бы мог вручную прописать.

Colorbox настроен на ширину 300 и он всем такую устанавливает. Неужели у него нет опции выборочной установки ширины?

Аватар пользователя Studio VIZA Studio VIZA 9 апреля 2017 в 0:30

Мне кажется вам в сторону Масонри стоит смотреть. Там на первый взляд хаотично, но если копать, помнится, можно к вашему виду привести емнип.

Аватар пользователя sas@drupal.org sas@drupal.org 9 апреля 2017 в 7:45
Сергей Березин wrote:

Нужно чтобы в одном ряду было 3 картинки по 300px, а в другом 2 картинки по 450px.

А как на другой ширине или мобильных? Подуймайте в сторону адаптивной верстки, если высота одинаковая то можно обойтись CSS версткой, иначе можно заюзать https://www.drupal.org/project/isotope

Аватар пользователя deadie deadie 11 апреля 2017 в 0:44

Массив (список) ширин изображений (например, в отдельном поле) + flex-grow | flex-basis + немножко js