Слайдер, как такой сделать?

Question

[Денис]

Здравствуйте, есть слайдер owl carousel все прекрасно работает как надо, но никак не могу сделать как на картинке, даже ума не приложу как такое сделать, помогите пжл.

g1t.ru/video/chrome_SSY1IfBbP4.png

https://codepen.io/furmoz/pen/MWOZpog

Comments

[Froggyweb]

нужен js поиска слайдов перед активными. если js, то тогда и после активных.

[Александр Шипин]

1. Пишите дополнительный скрипт обновления массива активных элементов (сколько показано на экране в текущий момент)
2. Обрабатываете массив путем перебора от центра и добавляете элементам требуемые стили

Грубо будет выглядеть так:

let setStylesToSlides = () => {
  let activeSlides = document.getElementsByClassName('owl-slide active');
  activeSlides[0].classList.add('extra-small');
  activeSlides[activeSlides.length].classList.add('extra-small');
  activeSlides[1].classList.add('extra-small');
  activeSlides[activeSlides.length - 1].classList.add('extra-small');
}

[Денис]

Александр Шипин, спасибо попробую, в javascript слаб