【问题标题】:Setting a Revolution Slider 5+ layer to appear as a static layer将 Revolution Slider 5+ 图层设置为静态图层
【发布时间】:2015-11-16 20:29:04
【问题描述】:

我希望在所有幻灯片上的文本下方都有一个形状,以始终保持静止,而不是闪烁。

我知道 Revolution Slider 有一个静态图层选项,但它不允许您在其他幻灯片中将其分层层之下,它总是在顶部。

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

我该怎么做: 1.创建一个静态层,可以在其他层下分层 2.在幻灯片中设置我的图层的过渡,以消除过渡,使图层看起来是静态图层?

【问题讨论】:

    标签: javascript jquery css wordpress revolution-slider


    【解决方案1】:

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

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

    要做的另一件事是把这个层放在每张幻灯片上,总是在同一个位置,然后关闭那个层上的所有动画,这样他在每张幻灯片上的行为都是静态的。但是 rev5 尽管您定义了没有动画使用动画速度参数,并且该图层将再次闪烁。如果你把动画速度设为0,图层就会消失。为什么滑块的创建者可能也不知道。

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

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

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

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

    【讨论】:

    • 我最终做了你的第二个建议:玩弄动画。实际图层上没有动画,然后我将开始时间设置为 1,开始速度设置为 1(以防止设置为 0 时根本不出现),然后将结束时间重叠到下一张幻灯片中。现在可以了,谢谢你的回答!
    【解决方案2】:

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

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

    .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;
    }
    

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-01-09
      • 2017-02-07
      • 1970-01-01
      • 1970-01-01
      • 2018-01-25
      • 2016-02-09
      • 2020-05-23
      相关资源
      最近更新 更多