Caption-slider
Text-Slider mit Jimdo Standardelementen
Erstellt einen Caption-Slider (...mit Einblend-Effekt) über der standardmäßig eingerichteten Jimdo-Headergrafik oder Header-Slideshow:
- Für die Captions (= Overlay-Texte) können alle Jimdo-Standardelemente verwendet werden
- Einsetzen von verlinkten Elementen (t.B. Buttons) in das Overlay-Element möglich
-
- zum Ansteuern von Textankern (= Sprungmarken)
- ermöglicht "One-Pager"-Seiten mit "smooth-scroll" Effekt
- Die Einblenddauer der Captions ist anpassbar, damit der Wechsel der Captions mit dem der Wechselbilder der Jimdo Hintergründe abgestimmt werden kann
- Die Parameter der Captions können per CSS angepasst werden und sind daher "fully responsive" - d.h. auch in mobilen Ansichten verwendbar.
HowToDo
bereich1
Bereich 1 - Bilder
bereich2
Bereich 2 - Texte
Text 1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Text 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Text 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Text 4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
bereich3
Bereich 3 - Bilder und Texte
CSS repair textwithimage
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Caption-Slider
Caption 1
Lorem ipsum dolor sit amet,
consetetur sadipscing elitr
Caption 2
sed diam nonumy eirmod tempor invidunt ut labore
Caption 3
et dolore magna aliquyam erat, sed diam voluptua
Caption-Slider Widget
smoothScroll.init
smoothScroll + target_self