革命滑塊顯示文字

Question

我使用革命滑塊動畫從左到右的圖像在屏幕上（這部分工作）。我希望在圖像跨越時出現一層文字。有沒有辦法做到這一點與滑塊革命？

Answer 1

   <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> 

顯然根據自己的需要對每一層調整設置，但是這是如何添加會出現在不同的時間多層...希望它有助於