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
0
A
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
- 1. Hinzufügen von Text auf Revolution Slider
- 2. Slider Revolution Wordpress einstecken
- 3. WooCommerce Suchformular von Revolution Slider
- 4. Revolution Slider - Display-Beschriftung unter Slider
- 5. Revolution Slider wird nicht angezeigt
- 6. Slider Revolution und fancybox-3
- 7. Bild Hover CSS für Revolution Slider
- 8. Verwenden von Revolution Slider mit Squarespace
- 9. Revolution Slider - "Ungültiger linker Tween-Wert: NaN"
- 10. Slider Revolution - Hintergrundbild Link nicht in Chrome klicken
- 11. Wordpress Woocommerce: Wie Slider Revolution auf Kategorieseite hinzufügen
- 12. Konflikt Revolution Slider und Jquery-Datei In WordPress
- 13. Slider Revolution, Reduzierung linken Rand/Polsterung auf Handy
- 14. Wie man Revolution Slider auf Kategorieseite in Magento zeigt?
- 15. Revolution Slider nächste/vorherige Tasten sind nicht zugänglich
- 16. Seltsames Clipping mit dem 3D Effekt von Revolution Slider
- 17. Revolution Responsive jQuery Slider Bild Breite und Höhe ändern
- 18. Grenze nicht decken Bild
- 19. Revolution Schieberegler funktioniert nicht richtig in Firefox
- 20. JQuery Toggle Slider & Toggle Text
- 21. Jupybert decken Slideshow
- 22. Revolution Schieberegler Parallax langsam
- 23. REvolution für R
- 24. Erstellen Sie einen Schieberegler für jede Wordpress-Seite mit der Titelseite mit Revolution Slider
- 25. Schichten verschwinden nach einer Weile? Ich verwende Revolution Slider mit 1 Folie
- 26. Wie mache ich den Vollbild-Schieberegler unter meiner Navigationsleiste? (Revolution Slider)
- 27. Slider Revolution - Führe ein jQuery-Skript jedes Mal, wenn jede Folie lädt
- 28. Jquery Revolution Schieberegler kann Autoplay nicht stoppen
- 29. wie man Text auf Slider Bilder
- 30. Karussell - assoziieren Text mit Bildern in Slider