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

标签 javascript jquery css wordpress revolution-slider

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

我知道 Revolution Slider 有一个静态图层选项,但它不允许您将其放置在其他幻灯片的下方图层,它始终位于顶部。

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

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

最佳答案

这是一个很好的问题,因为如果您不想在文本下方使用背景图像,那么您可能无法在革命 5 中完美地做到这一点。

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

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

我认为你唯一能做的就是欺骗他看起来像你想要的那样,这不会是完美的,但也许可以接受。

因此,在底部(静态)层单击上面菜单中的“动画”,然后选择“无动画”和“无输出动画”。由于您不能将动画速度设置为 0,因此我们将把动画速度设置为 100,将动画速度设置为 1000。通过这种方式,动画将足够长,以显示该层正在连续动画 - 即静态。但即使这样,图层也会轻微闪烁,但比以前少得多,所以也许效果是可以接受的。

您可以使用淡入而不是无动画进行播放,并且使用动画速度数字,技巧是退出速度持续足够长的时间,以便下一张幻灯片的进入速度启动。

我希望这会有所帮助,我也希望 rev 5 的创作者能够解决这个问题。

关于javascript - 将 Revolution Slider 5+ 图层设置为静态图层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33744031/

相关文章:

javascript - UI可排序移动滚动

javascript - $.ajax => 触发失败而不是完成

javascript - 将多个元素绑定(bind)到同一个 onclick

javascript - 只有第一个按钮适用于 Jquery 的 forEach 标签

html - 如何将带有 'transform:scale' 的 iframe 放在左侧

javascript - 这是javascript优化吗?

jQuery on click 函数没有任何反应

jquery - 在 jQuery 中制作动画框时遇到问题

css - 如何覆盖 css 属性最小高度或高度

jquery - Bootstrap 全宽 slider 问题