Карусель совы - как я могу получить точный элемент, который в настоящее время в поле зрения?

Question

Я использую сову карусель - JQuery. Когда изображение меняется, я бы хотел получить эффект скользящего текста, какое-то движение или эффект, например изменение непрозрачности. Как я могу сделать это, используя сову карусель? Я хотел использовать события. Каждый раз, когда слайд меняет триггеры событий, но как я могу получить точный элемент, который в данный момент находится в представлении, изменить стиль только этого элемента и удалить стиль из остальных? спасибо

constructor(){  
    this.owl =  $('.owl-carousel');
    this.owlTxt =  $('.container__slider-txt');
    this.events();
}

events(){
    let that = this;
    this.owl.on('changed.owl.carousel', function(event) {
        that.owlTxt.css('opacity', 1);
    });
}

Answer 1

Вы можете получить текущий слайд из события. Попробуйте это:

this.on('changed.owl.carousel',function(event){
    var current = event.item.index;
    // do something
});