0
我使用革命滑块动画从左到右的图像在屏幕上(这部分工作)。我希望在图像跨越时出现一层文字。有没有办法做到这一点与滑块革命?革命滑块显示文字
我使用革命滑块动画从左到右的图像在屏幕上(这部分工作)。我希望在图像跨越时出现一层文字。有没有办法做到这一点与滑块革命?革命滑块显示文字
<ul>
<!-- SLIDE 1 -->
<li data-transition="curtain-1" data-slotamount="5" data-masterspeed="700" data-title="Slide 1">
<!-- MAIN IMAGE -->
<img src="yourIMGhere.jpg"
alt="slidebg1" data-bgfit="cover"
data-bgposition="center center"
data-bgrepeat="no-repeat">
<!-- LAYERS -->
<div class="tp-caption rs-caption-1 sft start"
data-x="center"
data-hoffset="0"
data-y="100"
data-speed="800"
data-start="2000"
data-easing="Back.easeInOut"
data-endspeed="300">
<u>TEXT PLACED HERE FOR FIRST LAYER</u>
</div>
<!-- LAYER -->
<div class="tp-caption rs-caption-2 sft"
data-x="center"
data-hoffset="0"
data-y="200"
data-speed="1000"
data-start="3000"
data-easing="Power4.easeOut"
data-endspeed="300"
data-endeasing="Power1.easeIn"
data-captionhidden="off"
style="z-index: 6">
ADD A SECOND LAYER OF TEXT HERE THAT COMES IN AT NEW TIME
</div>
<!-- LAYER -->
<div class="tp-caption rs-caption-3 sft"
data-x="center"
data-hoffset="0"
data-y="360"
data-speed="800"
data-start="3500"
data-easing="Power4.easeOut"
data-endspeed="300"
data-endeasing="Power1.easeIn"
data-captionhidden="off"
style="z-index: 6">
THIRD LAYER HERE AND SO ON...
</div>
</li>
显然根据自己的需要对每一层调整设置,但是这是如何添加会出现在不同的时间多层...希望它有助于