Php BXSlider，如何根据幻灯片的可视性更改CSS或DIV的颜色

我有一个非常标准的bxslider，v4.0。我有CSS在背景中创建全屏效果，在顶部有一个大DIV。我希望DIV背景颜色随着每张幻灯片的变化而变化，以匹配幻灯片照片的颜色

在函数中是否有这样做的方法

当前功能：

$(document).ready(function(){
    $('.bxslider').bxSlider({
        mode: 'horizontal',
        auto:true,
        pager:false,
        nextSelector: '#bx-next',
        prevSelector: '#bx-prev',
        nextText: '<img src="btn_slider_next.png" />',
        prevText: '<img src="btn_slider_prev.png" />',
    });
});

---

BXSlider有一些非常广泛且文档化良好的回调选项，您可以在实例化滑块时使用这些选项：

您可能需要在之后进行滑动，因此当您创建滑块时，它看起来像

$('.bxslider').bxSlider({
    ...
    onSlideAfter: function (elem) { ... YOUR CODE HERE ... }
});

为了在该函数中更改颜色，可以在HTML5数据属性中包含希望与每个图像关联的十六进制代码

<img src="img1.jpg" data-color="#ff0000" />

---

潜水舱是固定的还是你有一个滑梯->一个潜水舱？先生，你太棒了！非常感谢！

function (elem) {
    $('#background-div').css('background-color', elem.data('color'));
}