Powerslide

Größe

Seitenverhältnis

Um den Slider responsive zu halten, hast du die Möglichkeit ein Seitenverhältnis des Sliders anzugeben. Dieses Verhältnis wird dann beibehalten, sodass sich die Höhe automatisch an die Breite des Sliders je nach gewähltem Seitenverhältnis anpasst. Du kannst das Seitenverhältnis auch manuell angeben, wenn du die Option "Manuell" wählst.

Höhe des Sliders

Mit dieser Einstellung kannst du die Höhe des Sliders in Pixeln festlegen. Diese Option steht nur zur Verfügung wenn als Seitenverhältnis "Fixe Höhe" gewählt wurde.

Verhalten

Automatischen Wechsel aktivieren

Wenn du diese Option aktivierst, wechseln die Slides nach einer bestimmten Zeit automatisch ohne Zutun des Nutzers.

Verzögerung bis zum Wechsel eines Slides

Legt die Verzögerung in Millisekunden fest, bevor zum nächsten Slide gewechselt wird (nur wenn automatisches Scrollen aktiv ist).

Zeit zum Wechseln eines Slides

Legt die Zeit fest, in welcher ein Slide auf den nächsten wechselt (in Millisekunden). Mit dieser Option kann man die Wechselgeschwindigkeit beeinflussen.

Slidewechsel bei Maushover pausieren

Wenn du das automatische Scrollen aktiviert hast, verhindert diese Einstellung, dass bei einem Mousehover des Nutzers über deinem Powerslide automatisch zum nächsten Slide gewechselt wird.

Navigation

Seitennavigation anzeigen

Aktiviere diese Option, um eine seitliche Navigation mit Vorschaubildern deiner Slides zu realisieren.

Nummernavigation anzeigen

Fügt eine Navigationsleiste ein, die deine Slides über Nummern schnell zugänglich macht.

Pfeilnavigation anzeigen

Mit dieser Option fügst du eine Navigation ein, mit der deinen Besucher einfach den vorherigen oder nächsten Slide anwählen können.

Weiteres

CSS Klasse(n)

Manchmal möchtest du Inhalte bestimmter Slider gezielt stylen können. Mit dieser Einstellung vergibst du CSS-Klassen, die dem Slider gegeben werden.

Slide

Sliderbild

Mit diesem File Control bestimmst du das Bild deines Slides.

Link

Mit diesem Control legst du das Linkziel fest, das aufgerufen wird, wenn ein Besucher auf die Slide klickt.

Bildskalierung und Bildausrichtung

Die Skalierung der Bilder ist eines der spannensten Features des Powerslide Drops. Die Einstellungen Bildskalierung und Bildausrichtung spielen hierbei gemeinsam mit den Größenangaben deines Sliders in der Konfiguration die zentrale Rolle.

Die Bildskalierung legt fest, welche Typ der Skalierung du für deine Bilder verwenden möchtest:

• unskaliert: dein Bild wird nicht vergrößert oder verkleinert, sondern entsprechend der Maße deines Sliders zugeschnitten (Cropping).
• füllend: Powerslide versucht, dein Bild clever in die Maße deines Sliders einzupassen. Hierbei kann es zu Vergrößerungen und Verkleinerungen deines Bildes kommen.
• wiederholend: dein Slide wird mit einem Kacheleffekt mit deinem Bild aufgefüllt.

Mit der Bildausrichtung legst du fest, wo der Fokus / Fixpunkt für Zuschnitt, Wiederholung, Verkleinerung bzw. Vergrößerung deines Bildes liegt. Wählst du bspw. "unskaliert" und "oben links", werden von deinem Bild die rechten und unteren Bereiche abgeschnitten, falls diese nicht in die Größe deines Slides passen.

Wir empfehlen dir die Optionen intensiv durchzutesten und die für deine Bilder und Anwendungsfälle passenden Methoden auszuwählen.

Bildanimation

Lege hier fest, ob und mit welcher Animation das Bild im Slider animiert werden soll.

CSS Klasse(n)

Um Inhalte deines Slides gezielt stylen zu können, kannst du dem Slide hier individuelle CSS Klassen geben.

Inhalt

Falls du einen formatierten Text als Overlay über dein Bild legen möchtest, kannst du das mit dem HTML Control Inhalt tun. Die Position des Overlays auf deinem Bild legst du mit der Einstellung Ausrichtung des Inhalts fest.

Vorschau

Vorschautext

Wenn du Vorschaubilder in deinem Powerslide verwendest, kannst du diese mit diesem Text Control mit einem separaten Textoverlay versehen.

Manuelles Vorschaubild

Falls du Vorschaubilder verwendest, werden diese normalerweise aus deinem Sliderbild generiert. Manchmal kann es aber sinnvoll oder nötig sein, ein separtes Vorschaubild zu verwenden. Aktiviere diese Einstellung, um ein zusätzliches File Control aufzudecken, mit dem du ein eigenes Vorschaubild einfügen kannst.