Php 更改幻灯片上的容器背景色在平滑幻灯片中更改

我有一个光滑的滑块，每个滑块都有自己的背景色。我的容器颜色为白色，但如果滑动或更改幻灯片，我希望使用与幻灯片相同的容器颜色

我的JS：

if（$（“#主滑块”）.length）{
if（！$（“body”）.hasClass（“ie浏览器”））{
$（“#main slider.slide”）。每个（函数（）{
var thislide=$（此），
thisImg=thislide.find（“.slide img”）.attr（“style”）；
$（“#下一张幻灯片”）。附加（“”）；
});
}
$（“#下一张幻灯片。项目：第一个子项”）.addClass（“活动”）；
$（“#下一张幻灯片。项目：第n个子项（2）”）.addClass（“下一张”）；
$（“#下一张幻灯片。项目：最后一个子项”）.addClass（“prev”）；
$（“#主滑块”）.on（'init'，函数（slick）{
var slides=$（'#main slide.slide'）。长度；
$（“.main_slider.count.all”）.text（pad（（slides），2））；
});
$（“#主滑块”）。光滑({
箭头：是的，
点：错，
幻灯片放映：1，
幻灯片滚动：1，
无限：是的，
刷卡：没错，
是的，
是的，
真的，
自动播放：错误，
速度：1500，
自动播放速度：20000，
prevArrow:$（'.main_slider.arrows.arrow.prev'），
下一行：$（'.main_slider.arrows.arrow.next'），
响应：[
{
断点：1000，
设置：{
速度：800
}
}
]
});
$（“#主滑块”）。打开（'afterChange'，函数（slick，currentSlide）{
changeBackground（）；
}).on（'init'，function（）{
changeBackground（）；
});
函数changeBackground（）{
$（'.container'）.css（'background-color'，$（'.slick-active'）.css（'background-color'））；
}
$（“#主滑块”）。在（'beforeChange'，函数（事件，
光滑、当前滑动、下一个滑动）{
var slides=$（'#main slide.slide'）。长度；
var activeItem=$（“.next slides.item”）.eq（$（slick.slides[currentSlide]）.index（））；
var nextItem=$（“.next slides.item”）.eq（$（slick.slides[nextSlide]）.index（））；
changeBackground（）；
$（.next slides.item”）.removeClass（“prev”）；
$（.next slides.item”）.removeClass（“next”）；
$（.next slides.item”）.removeClass（“活动”）；
nextItem.addClass（“活动”）；
setTimeout（函数（）{
nextItem.next（）.addClass（“next”）；
如果（nextItem.is（“：last child”））{
$（“.next slides.item:first child”）.addClass（“next”）；
}
}, 300);
activeItem.addClass（“prev”）；
var nextSlide=$（光滑.$幻灯片[nextSlide]），
nextSlideIndex=nextSlide.index（）；
$（“.main_slider.count.current”）.text（pad（（nextSlideIndex+1），2））；
});
$（“.main_slider.next slides”）。在（“单击”、“.next”，函数（）上{
$（“#主滑块”）.slick（'slickNext'）；
});
}

此时它可以工作，但容器背景颜色在大约1.5秒后会发生变化。我怎样才能让它立即改变

我的HTML（其无脂肪框架）：

{{@PRODUCT.name | raw}
01 06

我还可以分享我的PHP函数，它为每张幻灯片提供颜色

我的PHP：

函数GET_Home（）{ 如果（$this->f3->exists（“SESSION.MESSAGE”））{ $this->f3->set（'MESSAGE'，$this->f3->get（'SESSION.MESSAGE'）； $this->f3->clear（'SESSION.MESSAGE'）； } $this->_pluginRun（'before_product_list'）； $this->f3->set（'NOIMG'，$this->f3->get（'SITE.url'）。/static/no img.png'）； $this->getProducts（true，6）； $products=$this->f3->get（'products_PLAIN'）； $colors=数组（“#F5FCFE”，

$('.slick-slider').slick().on("beforeChange", (event, slick, currentSlide, nextSlide) => {
    const nextSlideElelemnt = slick.$slider.find(`[data-slick-index=${nextSlide}]`));
});

#feature-slider .entry-container {
    background: #555; /* Solid Color for old Browser */
    background: rgba(85,85,85,0.7);
}