Javascript Cycle2插件的初始化在Windows上的工作方式与在OSX上的不同

如果有类似的问题，请告诉我这个方向。这个问题我很难描述，但我会尽力：

这里的用户会看到从灰度到彩色的幻灯片图像。这在OSX和Windows中的Firefox上都能正常工作。（客户知道这种效果在IE中不起作用，对此没有问题。）

然而，在Chrome on Windows中，第一张幻灯片不会从灰度中褪色，而是保持彩色

我怀疑这与DOM的加载方式以及Cycle2插件的初始化方式有关

控制此灰度效果的CSS如下所示：

   #home-featured .cycle-slide {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transition-property: -webkit-filter;
        -webkit-transition-duration: 4s;
        -webkit-transition-timing-function: ease;
        -webkit-transition-delay: 2s;
        transition-property: -webkit-filter, filter;
        transition-duration: 4s;
        transition-timing-function: ease;
        transition-delay: 2s;
  }

  #home-featured .cycle-slide-active {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
  }

---

我的问题是：有没有一种方法可以初始化Cycle2而不立即添加

cycle slide active

类，让浏览器有时间意识到它需要执行CSS转换？

我已经遇到了Cycle2的类似问题 将

循环幻灯片激活

更改为：

body.loaded.循环滑动激活{
-webkit过滤器：灰度（0%）；
滤镜：灰度（0%）；
}

因此，在auto init启动准备就绪的cycle2之后，效果将影响文档加载

文件加载时

$（'body'）.addClass（'loaded'）；

例如：

---

您还可以使用

循环初始化

在任何您想要激活转换的地方添加一个类。

Chrome 44，Win 7，每个都有淡入淡出slide@JakubMich亚列克：请看问题。问题不在于幻灯片正在消失。第一张幻灯片以彩色而不是灰度开始。这个问题存在于OSX上的Safari和Win7上的Chrome44中。Firefox似乎从38版开始就已经解决了这个问题，并且在40版中工作。我的意思是，对我来说，第一张幻灯片确实开始灰度化，颜色也会以恰到好处的方式淡出。我甚至试着关闭缓存并刷新，但我总是在第一张幻灯片出现颜色之前以灰度显示@雅库布米切莱克非常奇怪。我已经在几台Windows机器上测试过了，所有这些机器都无法与Chrome44一起工作。你安装的chrome有什么特别之处吗？我有一个版本为44.0.2403.157M的chrome。我还可以看到第一张幻灯片的灰度到颜色的转换。尝试增加过渡延迟，比如说4s，看看第一张幻灯片的效果如何。或者只是为了调试而尝试使用较小的图像。效果非常好！回答得真好！