Как сделать первый элемент owl carousel одного размера а остальные в 2 ряда меньше?

Question

[Константин Хаиров]

Всем привет . Я тут никак не могу разобраться как сделать первый элемент owl carousel Одного размера а остальные другого размера .

Есть вот такая карусель : jsfiddle.net/zLue8chk/20

Я же пытаюсь сделать что бы это выглядело вот так : https://image.ibb.co/iUFe77/image.png

Как сделать это . Пытался просто первый элемент сделать большое но в таком случае он закрывает часть второго элемента

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/eMeEqB это вариант ?

Comments

[Константин Хаиров]

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

Answer 2

[Brake Made]

Расположите блоки верно, один блок будет с одной картинкой, второй блок будет хранить несколько картинок, у вас все в ряд, поработайте с этим.

Comments

[Brake Made]

Константин Хаиров ,

[Константин Хаиров]

Данил Угрик, В таком случае они будут листаться дальше? Просто я хочу что бы первый слайд и все 4 маленьких прокручивались и дальше уже были только маленькие блоки.

[Brake Made]

Константин Хаиров, ну вы только один раз укажите большой блок, а далее оставьте как есть, вам просто нужно добавить 1 блок размером как 4, и все.