So legen Sie die allgemeinen Einstellungen von Smart Slider 3 fest – mteleben.com-Support

Last Updated on 11/10/2021 by MTE Leben

In diesem Tutorial erfahren Sie, wie Sie die allgemeinen Einstellungen von Smart Slider 3 festlegen, z. B. Slidergröße, Animation, Autoplay-Optionen usw.

Um auf die allgemeinen Einstellungen des Plugins zuzugreifen, navigieren Sie bitte zu Smart Slider auf der linken Seite des Dashboards. Scrollen Sie hier die Seite nach unten, um den Einstellungsblock zu sehen. Es besteht aus mehreren Registerkarten: Allgemein, Größe, Autoplay, Optimieren, Laden und Entwickler. Wechseln Sie zwischen den Registerkarten, um auf die nachfolgend beschriebenen Einstellungen zuzugreifen.

Allgemein In diesem Block können Sie die folgenden Einstellungen verwalten.

Name – geben Sie den Titel des Schiebereglers in dieses Feld ein.
• Steuerelemente – Hier können Sie einstellen, welche Steuerelemente Sie verwenden möchten, wenn Sie von Folie zu Folie wechseln. Diese sind:
  • Mausscrollen – die Folien ändern sich beim Scrollen;
  • Mausziehen – die Folien ändern sich gegenseitig, wenn Sie die Folien mit dem Mauszeiger seitwärts ziehen;
  • Touch – hier können Sie das Umschalten zwischen Folien bei Berührung aktivieren (horizontal oder vertikal), oder deaktivieren.
  • Tastatur – die Option ermöglicht das Umschalten zwischen den Folien mit der linken und rechten Tastaturtaste.
• Thumbnail – hier können Sie das Bild aus der Mediathek auswählen oder von der Festplatte hochladen, um es als Thumbnail zu verwenden.
Ausrichten – hier können Sie die Ausrichtung des Schiebereglers einstellen. Wählen Sie diejenige aus, die am besten geeignet ist (Normal, Links, Mitte oder Rechts).
• Hintergrundbild füllen – falls die Bildgröße nicht gleich ist Als Größe des Schiebereglers können Sie eine der Hintergrundfülloptionen auswählen (Füllen, Einpassen, Strecken, Zentrieren oder Kacheln).

Animationseinstellungen

Hauptanimation – hier können Sie die Art der Animation auswählen, die beim Wechsel von Folie zu Folie verwendet werden soll. Es gibt verschiedene Arten von Animationen: Fade, Crossfade, Horizontal, Vertical, Horizontal-inverted, Vertical-inverted. Sie können auch keine Animation verwenden.
• Haupteigenschaften der Animation – hier können Sie die Dauer der Animationseffekte in ms definieren.
• Hintergrundanimation – Klicken Sie auf dieses Feld, um einen der Animationstypen auszuwählen und die Animationsbeispiele anzuzeigen. Es erscheint ein neues Popup-Fenster, in dem Sie die bevorzugte Animation auswählen können, die Ihrem Zweck am besten entspricht.
• Verkleinern, Ausblenden, Vorhang nach links, Puzzle), Vertikal (Skalieren nach oben, Skalieren nach unten, Vorhang nach unten, Vorhang nach oben) oder RTL (Skalieren nach rechts, Vorhang nach rechts).

Größe

Slider size – hier können Sie die benötigte Slider-Höhe und -Breite in px einstellen.
• Rand – stellen Sie die oberen, rechten, unteren und linken Ränder ein, um den Schieberegler nach Ihren Bedürfnissen zu positionieren.
• Responsive mode – hier können Sie die Reaktionsmuster, das verwendet wird, um die beste Reaktionsfähigkeit des Schiebereglers bereitzustellen (Auto, Volle Breite). Die Reaktionsfähigkeitsoption variiert je nach gewähltem Modus.

Responsiv – Automatische Breite

Modus – hier können Sie den Upscale- und Downscale-Modus aktivieren, damit der Slider reagiert.
• Slider-Höhe – Stellen Sie die erforderliche Slider-Höhe im entsprechenden Feld ein.
• Slider-Breite – Geben Sie die benötigte Slider-Breite im entsprechenden Feld ein.

Responsiv – Volle Breite

Slider height – hier können Sie die maximale und minimale Höhe des Sliders in px angeben.
• Volle Breite erzwingen – aktivieren Sie die Option, wenn Sie möchten, dass der Schieberegler die Breite des Browsers trotzdem mit Körper, HTML-Horizontalmaske oder gar keiner ausfüllt.

Schiebereglerbreite an den übergeordneten Selektor anpassen – geben Sie die jQuery-Klasse im Feld an, damit der Schieberegler die volle Breite des Elements ausfüllt.

• Hochformat- oder Querformat-Algorithmus – hier können Sie angeben, ob der Schieberegler mit angewendeter Bildschirmbreite und -höhe oder nur mit Bildschirmbreite angezeigt werden soll.
• Schiebebreite begrenzen – aktivieren maximale und minimale Folienbreite für Desktop, Tablet, Mobilgeräte und aktivieren Sie den Hoch- oder Querformat.
• Vertikalen Rand entfernen – Sie können diese Option deaktivieren oder aktivieren, wenn Sie möchte nicht den vertikalen Rand für den Schieberegler verwenden.

Autoplay

Autoplay – Autoplay aktivieren und das Zeitintervall dafür in ms einstellen.

• Autoplay stoppen ein – Aktiviert das Autoplay-Stopp beim Klicken, beim Schweben oder wenn das Medium abgespielt wird.

Optimieren

Bilder optimieren – hier können Sie die Optimierung der Folienhintergrundbilder aktivieren und die Qualitätsprozente angeben.
• Hintergrundbild – Aktivieren Sie die benutzerdefinierte Größe des Hintergrundbilds und geben Sie dessen Breite und Höhe an.
• Thumbnail-Größe – hier können Sie den Schieberegler einstellen Miniaturansichtsgröße (Höhe und Breite).

Laden

Wiedergeben, wenn sichtbar – Aktivieren Sie die Wiedergabe der Folien, wenn sie für mindestens 50 Prozent (oder Ihre benutzerdefinierte Zahl) geladen sind.
• Vorgeladene Slider-ID – das aktuelle Slide wird erst geladen, wenn der eingestellte Slider vollständig geladen ist.
• Verzögerung – hier können Sie die Verzögerungszeit in ms einstellen.
• Verzögert (für Lightbox/Tabs) – aktivieren Sie diese Option, um die Tabs zu verzögern.

Entwickler

Bildlaufleiste der Website ausblenden – hier können Sie die Bildlaufleiste an der Seite der Website deaktivieren und nicht mehr scrollen.
• Beide vor dem Schieberegler löschen – aktivieren Sie diese Option, wenn der Schieberegler die Größe falsch ändert.
• JavaScript-Rückrufe – hier können Sie die JavaScript-Callback-Funktionen verwenden.