Как в owl-carousel сделать такой слайдер?

253
19 июля 2018, 18:40

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

Answer 1

Попробуйте поставить центрированный owl

$('.loop').owlCarousel({
    center: true,
    items:5,
    loop:true,
    margin:10
});

И по классу .center стилизовать

<div class="owl-item active center"> 
  <div class="item">
    <h4>1</h4>
  </div>
</div>

Вот так вот https://jsfiddle.net/5Lu7obve/34/

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте hersones.com.ua
ТОП-10
READ ALSO
Проблема с кликом JS
javascript

Проблема с кликом JS

Не пойму почему не работает кликДелаю клик по элементу с id link_2, но он не срабатывает

 239
Динамические поля формы и Drag and Drop
javascript

Динамические поля формы и Drag and Drop

Есть таблица в которой динамические создаются строки с input (календарь) эти поля можно перемещать (Drag and Drop)

 295
Получить id элемента при клике на него Vue.js
javascript

Получить id элемента при клике на него Vue.js

У меня создается список, из элементов которого по клику нужно получить id, но у меня не получается это сделатьКак можно получить id? Заранее...

 305
При oninput на &lt;textarea&gt; появляются множество строк &lt;p&gt;. При клике на &lt;p&gt; нужно получить его innerHTML
javascript

При oninput на <textarea> появляются множество строк <p>. При клике на <p> нужно получить его innerHTML

Имеется textarea#text и отдельно стоящий divПри вводе текста (oninput) формируется ajax-запрос, который выводит в div (ранее совершенно пустой) строки до 600 штук...

 247