Триггерное событие при смене слайдов

Question

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

Я понятия не имею, как вызвать событие, чтобы изменить фон.

        $('.owl-carousel').owlCarousel({
            center: false,
            items: 1,
            loop: true,
            margin: 10,
            autoWidth: false,
            nav: false,
            responsive: {
                600: {
                    items: 1
                }
            }
        });
    });

1. Автоматически изменить фоновое изображение на другое.
2. Запустить изменение при нажатии на точки.

Answer 1

Спасибо.Я уже понял это.Это код:

            $('.owl-carousel').owlCarousel({
            onTranslated: function(me) {
                $(me.target).find(".owl-item.active [data-src]:not(.loaded)").each(function(i, v) {
                    $(v).addClass("loaded").css("background-image", "url(" + $(v).attr("data-src") + ")");
                });
            },
            animateOut: 'zoomOut',
            animateIn: 'zoomIn',
            center: false,
            items: 1,
            loop: true,
            margin: 10,
            autoWidth: false,
            nav: false,
            responsive: {
                600: {
                    items: 1
                }
            }
        });

Answer 2

Попробуйте, надеюсь, это вам поможет.Спасибо

var owl = $('.owl-carousel');
owl.owlCarousel();

// Listen to owl events:
owl.on('changed.owl.carousel', function(event) {
    // Trigger method goes here 
})

Сова Карусель События Api https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html