@Zombie42679
Пытаюсь верстать, учу JS, когда-нибудь стану топом

Как обработать некоторые события, чтоб owl-carousel смотрелась корректно?

Ситуация следующая, есть слайдер - каждый слайд в нём сдвинут влево (это нужно, чтоб кусочек следующего слайда был виден) и стоит бесконечная прокрутка (loop: true - если поставить false, то на последнем слайде получится пустое пространство справа).

Попытался я перенести 3 события owl-carousel:
1. Клик по "Слайд 1, Слайд 2" и т.д. - соответственно при клике слайдер листается к определенному слайду (всё привязано к позициям)
2. Перетягивание мышкой (drag) - так же в соответствии с позициями .nav span делался активным.
3. Клики по стрелкам - опять же .nav span делался активным. (Почему то в примере не работает клик назад - класс не меняется)

Всё это достаточно хорошо работает при loop: false - то есть если карусель не бесконечная, но если она бесконечная (loop: true), то каждому айтему делается клон и весь мой код ломается.

Как всё это дело поправить, чтоб оно выглядело как при loop: false ?

Все пункты делал своими скудными знаниями по js/jquery (за 3ий пункт спасибо стаковер).

Сам код: https://jsfiddle.net/3a7a3uwf/23/

P.S. Сложность поставил простую, т.к. наверное для людей с хорошими знаниям js поправить не составит труда, заранее всем спасибо за ответы.
  • Вопрос задан
  • 681 просмотр
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы