TOC
wwworkshop
Uni Köln

4.5
Slider

  1. Gehe auf “+”, scrolle bis zur Sektion “Advanced” und wähle “Slider”.
    Der Slider hat zu Beginn zwei Slides.

  2. Klicke in den grauen Kasten, um das erste Slide auszuwählen.

  3. Füge ein Bild ein, indem du es per Drag and Drop von deinem Rechner in das Slide ziehst.

  4. Ändere die Größe des Bildes, indem du auf der rechten Seite im Style-Panel unter “Size” 100% wählst. Du kannst die Einheit durch Klicken ändern.

  5. Benutze den Navigator oder die Pfadleiste unten um den Slider auszuwählen und ändere die Größe auf 100VH (100VH ist die Höhe des Browserfensters).

Optional kannst du ein Text-Overlay pro Slide hinzufügen:

  1. Wähle über den Navigator ein Slide-Element aus (z.B. “Slide 1”).

  2. Gehe auf “+” und füge ein “Div Block” hinzu. Divs sind sind generische Container und können für verschiedenste Zwecke benutzt werden.

  3. Ändere im Style-Panel die Position des Divs auf “absolute”. Direkt darunter kannst du nun auswählen, an welchem Rand das Element ausgerichtet werden soll. Hinterher kannst du die Abstände von 0% ändern (z.B. auf 40px).

  4. Füge Text-Elemente hinzu (z.B. Überschriften oder Absätze). Achte darauf, dass die Texte-Element sich innerhalb des Divs befinden.