Jssor - изменение цвета фона контейнера при изменении изображения

Question

Я использую слайдер изображений Jssor, и он работает отлично. У меня вопрос, есть ли способ изменить цвет фона контейнера при изменении изображения? Есть ли какой-либо атрибут, который необходимо добавить в раздел опций в JS?

Любая информация, связанная с этим вопросом, будет принята с благодарностью. Спасибо за ваше время.

Answer 1

Есть 2 способа заставить это работать.

а. Вручную установите цвет фона для каждого слайда

    <div style="background-color: green;"><img u="image" src="image1.jpg" /></div>
    <div style="background-color: blue;"><img u="image" src="image2.jpg" /></div>

б. Поместите ползунок jssor в контейнер, а затем измените цвет фона при изменении слайда.

        jssor_slider1.$On($JssorSlider$.$EVT_PARK, function (slideIndex, fromeIndex) {
            if (slideIndex == 0) {
                //change container background color to green
            }
            else if (slideIndex == 1) {
                //change container background color to blue
            }
        });