Javascript 设置旋转滑块5+;图层显示为静态图层

Javascript 设置旋转滑块5+;图层显示为静态图层,javascript,jquery,css,wordpress,revolution-slider,Javascript,Jquery,Css,Wordpress,Revolution Slider,我希望在所有幻灯片上的文字下方都有一个形状,使其始终保持静止,而不是忽进忽出 我知道Revolution Slider有一个用于静态层的选项,但它不允许您在其他幻灯片的层下对其进行分层,它总是在顶部 我尝试在每张幻灯片中创建一个具有0个过渡的层,但当我将所有设置为0时,它消失了 如何: 1.创建可以在其他层下分层的静态层 2.在幻灯片中设置“我的图层”上的过渡,以消除向内和向外的过渡,从而使图层看起来是一个静态图层?这是一个好问题,因为如果您不想在文本下方使用背景图像,在revolution 5

我希望在所有幻灯片上的文字下方都有一个形状,使其始终保持静止,而不是忽进忽出

我知道Revolution Slider有一个用于静态层的选项,但它不允许您在其他幻灯片的层下对其进行分层,它总是在顶部

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

如何: 1.创建可以在其他层下分层的静态层
2.在幻灯片中设置“我的图层”上的过渡,以消除向内和向外的过渡,从而使图层看起来是一个静态图层?

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

对于位于底部的层,应该使用静态/全局层来处理此问题,但rev5将始终覆盖z索引(或以这种方式尝试的任何其他内容),并且它将始终显示在顶部。所以这里什么都没有

另一件事是将该层放在每张幻灯片上,始终放在同一位置,并关闭该层上的所有动画,以便他在每张幻灯片上表现为静态。但是rev5虽然您定义了没有动画,但使用了动画速度参数,该层将再次闪烁。如果将动画速度设置为0,则层将消失。为什么可能滑块的创建者也不知道

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

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

您可以使用淡入而不是不播放动画,并且使用动画速度数字,诀窍是输出速度持续足够长的时间,以使下一张幻灯片的输入速度生效


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

这是一个好问题,因为如果你不想在文本下面使用背景图像,那么在revolution 5中可能没有办法做到完美

对于位于底部的层,应该使用静态/全局层来处理此问题,但rev5将始终覆盖z索引(或以这种方式尝试的任何其他内容),并且它将始终显示在顶部。所以这里什么都没有

另一件事是将该层放在每张幻灯片上,始终放在同一位置,并关闭该层上的所有动画,以便他在每张幻灯片上表现为静态。但是rev5虽然您定义了没有动画,但使用了动画速度参数,该层将再次闪烁。如果将动画速度设置为0,则层将消失。为什么可能滑块的创建者也不知道

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

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

您可以使用淡入而不是不播放动画,并且使用动画速度数字,诀窍是输出速度持续足够长的时间,以使下一张幻灯片的输入速度生效


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

我今天遇到了同样的问题,我不同意公认的答案,因为你可以通过css覆盖轻松更改静态层的z索引

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

.tp-static-layers {
z-index: 0;
}
完成后,所有静态层将显示在正常层下方

编辑 对于较新版本的revslider,每个幻灯片
  • 容器都有一个z索引。试试下面的css

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

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

    我今天遇到同样的问题,我不同意公认的答案,因为您可以通过css覆盖轻松更改静态层的z索引

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

    .tp-static-layers {
    z-index: 0;
    }
    
    完成后,所有静态层将显示在正常层下方

    编辑 对于较新版本的revslider,每个幻灯片
  • 容器都有一个z索引。试试下面的css

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

    注意:没有完全测试,这可能会干扰动画。

    我最后做了你的第二个建议:玩动画。在实际层上没有动画,然后我将开始时间设置为1,开始速度设置为1(以防止设置为0时完全不显示),然后将结束时间重叠到下一张幻灯片中。现在可以了,谢谢你的回答!我最后做了你的第二个建议:玩动画。在实际层上没有动画,然后我将开始时间设置为1,开始速度设置为1(以防止设置为0时完全不显示),然后将结束时间重叠到下一张幻灯片中。现在可以了,谢谢你的回答!