回転スライダの公開テキスト

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> 

ニーズに応じて、各レイヤの設定を調整するが、それは異なる時間に表示されます複数のレイヤーを追加する方法です...それは

を役に立てば幸い