标签: cycle2

我有一些类似的网格

row 4 | 4| 4
row 8    | 4

比我放在第一行第一和第二个网格每个一个cycle2滑块比秒行第二个网格再一个cycle2它是一种对称的游戏

我的问题图像他们有不同的分辨率,高度应扩展到最高网格.因此,例如在我的第一行中,cycle2图像的高度应该相同.

这里我有一个jsfiddler模​​型
https://jsfiddle.net/lgtsfiddler/72ycx3m6/19/

在这种情况下如何进行？

如果有关于此的类似问题,请指出我的方向.这个问题很难描述,但我会尽我所能:

http://jsfiddle.net/e70r1mtw/

这里的用户可以看到从灰度渐变到彩色的幻灯片.这适用于OSX和Windows中的Firefox.(客户端知道这种效果在IE中不起作用,并且可以.)

但是,在Windows上的Chrome中,第一张幻灯片不会从灰度渐变,而是保持颜色.

我怀疑这与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转换？