На странице есть слайдер (owl corousel).
В слайдере всего пять слайдов, над ним располагается блок с пятью ссылками типа href="#slide1".
При клике на ссылку слайд меняется, и ссылка получает класс "aktive", становиться красной (например).
Но если прокручивать слайды стрелками (по бокам от слайдера), или движением мыши, или пальцем (в сенсорном варианте) - слайды листаются, но ссылки сверху не выделяются как "aktive". Т.е. просто стоят без изменений, и не реагируют, хотя в теории, должны вместе со слайдером, становиться красными, в соответствии с активным слайдом. У owl carousel есть даже пример в документации:
https://owlcarousel2.github.io/OwlCarousel2/demos/... - но и на их примере выделение кнопки происходит только при нажатии, а при прокручивании они не меняются.
Подскажите пожалуйста, как сделать, чтобы ссылка становилась активной при пролистывании?
У самих слайдов класс "active" получает блок .owl-item, но в самой вёрстке его нет, он генерируется каруселью, поэтому я не знаю, как исходя из его эктива сделать активным свою ссылку.
Простой
