2017-04-05 119 views
0

我使用革命滑块动画从左到右的图像在屏幕上(这部分工作)。我希望在图像跨越时出现一层文字。有没有办法做到这一点与滑块革命?革命滑块显示文字

回答

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> 

显然根据自己的需要对每一层调整设置,但是这是如何添加会出现在不同的时间多层...希望它有助于