将Revolution Slider 5+图层设置为静态图层

时间:2015-11-16 20:29:04

标签: javascript jquery css wordpress revolution-slider

我希望所有幻灯片上的文字下方都有一个形状,以保持静止,不会闪烁。

我知道Revolution Slider有一个静态图层选项,但是它不允许你在其他幻灯片中将层叠在图层下面,它始终位于顶层。

我尝试在每个幻灯片中创建一个具有0个过渡的图层,但是当我将所有内容设置为0时,它会消失。

我如何: 1.创建一个可以在其他图层下分层的静态图层 2.在幻灯片中设置我的图层上的过渡,以消除进出的过渡,使图层看起来像是一个静态图层?

2 个答案:

答案 0 :(得分:1)

我今天遇到了同样的问题,并且我不同意接受的答案,因为您可以使用css覆盖轻松更改静态图层的z-index。

Revolution滑块有一个内置的自定义css编辑器,所以转到你的Slider设置,滚动到底部并添加:

.tp-static-layers {
z-index: 0;
}

完成后,所有静态图层都将显示在普通图层下方。

修改

对于较新版本的revslider,每个幻灯片<li>容器都有一个z-index。请尝试以下css。

.tp-static-layers {
  z-index: 1;
}
ul.tp-revslider-mainul > li {
  z-index: unset !important;
}

注意:未经过全面测试,可能会干扰动画。

答案 1 :(得分:0)

这是一个很好的问题,因为如果你不想在文本下面使用背景图像,你可能无法完全在革命中做到这一点。

这应该使用底部图层的静态/全局图层来处理,但是rev5将始终覆盖您的z-index(或者您以这种方式尝试的任何其他内容),它将始终显示在顶部。所以没有。

要做的其他事情是将此图层放在每张幻灯片上,始终位于同一位置并关闭该图层上的所有动画,以使其在每张幻灯片上都表现为静态。但是rev5你定义没有动画使用动画速度参数,那个图层会再次闪烁。如果你把动画速度设为0,那么图层就会消失。为什么滑块的创建者可能也不知道。

我认为你唯一可以做的就是欺骗他出现你想要的东西,它不会是完美的,但也许是可以接受的。

因此,在底部(静态)图层上单击上面菜单中的“动画”,然后选择“无动画”和“无动画”。由于你不能把0加到动画速度,我们将速度100用于动画,1000用于动画。通过这种方式,动画将足够长,看起来该层是动画连续的 - 这是静态的。但即便如此,这一层也会略微闪烁,但比以前少得多,所以效果可能是可以接受的。

你可以玩淡入而不是无动画,并且对于动画速度数字,诀窍是出局速度足够长,以便下一张幻灯片的速度开始。

我希望这会有所帮助,我也很乐意为rev 5创作者解决这个问题。