2017-04-05 2 views
0

Ich verwende Revolution Schieberegler, um ein Bild von links nach rechts auf dem Bildschirm zu animieren (dieser Teil funktioniert). Ich hätte gerne eine Textschicht, die erscheint, wenn das Bild darüber geht. Gibt es eine Möglichkeit, dies mit Slider Revolution zu tun?Revolution Slider decken Text

Antwort

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> 

anpassen offensichtlich die Einstellungen für jede Schicht nach Ihren Bedürfnissen, aber das ist, wie mehrere Schichten hinzufügen, die zu verschiedenen Zeiten erscheinen werden ... hoffe, es hilft

Verwandte Themen