jquery在幻灯片上更改背景答案

【问题标题】：jquery change background on slidejquery在幻灯片上更改背景
【发布时间】：2015-06-21 07:41:22
【问题描述】：

我想更改当前图片幻灯片上 div 的背景。

所以在幻灯片 1 = 背景：蓝色在幻灯片 2 = 背景：绿色

我认为是制作一个像这样的脚本：如果幻灯片 1 == current-sr-slide-visible 更改此 CSS。

有人知道怎么做吗？

【问题讨论】：

为什么不将背景颜色放入这些幻灯片的样式中。比如创建一些像.blue{background:blue;} .green{background:green;} 这样的类现在添加到你想要的特定幻灯片中。
幻灯片中的 div（营业时间）。它的位置在幻灯片上方并停留在该位置。所以第一张幻灯片是带有蓝色滤镜的图像。第二张幻灯片是带有绿色滤镜的图像。在幻灯片上，div 营业时间必须改变颜色。我不想在点击时更改背景，但是当幻灯片处于活动状态时（自动）执行此操作。
不清楚你在问什么
我有一个图像滑块，我在这个滑块中放置了一个 div。因此，当滑块自动滑动图像时，div 会停留在该位置。现在我想在图像滑块显示新图像时更改滑块中 div 的背景。

标签： jquery css background-color onchange

【解决方案1】：

由于您没有显示任何代码，我假设：

所有幻灯片都有相同的 CSS 类 slide
当前幻灯片还具有“active-slide”类

那么，你不需要jquery，你可以用css写：

.slide{
  background:blue;
} 

.slide.active{
  background:green!important;
}

编辑

你可以试试这个：

 var slide_color = $(".active.slide").css('backgroundColor'); // get the current slide color

$(".div").css('backgroundColor', slide_color ); // set the color to the div.

【讨论】：