JavaScript-Framework „LSJS“
Wie auch beim CSS-Framework LSCSS benötigen die Themes von Merconis das JavaScript-Framework LSJS, welches bei einer Merconis-Installation mitinstalliert wird.
Um das JavaScrip-Framework nutzen zu können achten Sie darauf, dass bei den einzelnen Seitenlayouts im Bereich: Merconis: LSJS das Laden der LSJS Javascript-Hauptkomponente aktiviert ist.
Durch die Einbindung des Frameworks können Sie über die app.js im Ordner files/merconisfiles/themes/theme10/lsjs/app die einzelnen JavaScript-Komponenten initialisieren und konfigurieren. In ihr lassen sich auch ideal weitere Javascript-Effekte initialisieren und konfigurieren - auch wenn diese nicht direkt von MERCONIS stammen, sondern von Drittanbietern oder von Ihnen selbst.
Nachfolgend die Konfiguration des LS-Sliders.
Hinweis
Durch die Verwendung des Javascript-Frameworks LSJS seit Merconis 3.0.0 findet die Konfiguration und Initialisierung von Javascript-Effekten in der Datei app.js statt. Die Datei „jsConfiguration.js“, die diese Aufgabe in früheren Versionen von Merconis übernommen hatte, gibt es nicht mehr.
Konfiguration: LS-Slider
Mit folgenden Optionen lässt sich ein Slider konfigurieren:
str_containerSelector
default: '.lsjs-slider'
Geben Sie hier den CSS-Selektor Ihres Sliders an.
bln_lastSlideFilled
default: true
Wenn der letzte Slide nicht genug Inhalt hat, um den sichtbaren Bereich des Schiebers auszufüllen, schieben Sie nur bis zu dem Punkt, an dem der gesamte sichtbare Bereich noch gefüllt ist.
bln_mouseDragOnNonTouchDeviceActive
default: true
true, wenn die Funktion zum Ziehen der Slides auf Nicht-Touch-Geräten aktiv sein soll.
float_minDragToSlide
default: 0.1
Dieser Wert gibt an, wie weit der Benutzer einen Slide ziehen muss, um tatsächlich zum nächsten Slide zu gelangen.
Dezimalwerte zwischen 0 und 1 werden interpretiert als Faktor multipliziert mit der Breite des sichtbaren Slides. Während jede Zahl größer als 1 als absoluter Pixelwert interpretiert wird.
float_slidingAnimationDuration
default: 0.4
Dieser Wert gibt an, wie viele Sekunden die Übergangsgeschwindigkeit (d. h. der Übergang von einem Slide zum nächsten) dauert. Dezimalwerte sind zulässig.
bln_autoplayActive
default: true
true, wenn die Autoplay-Funktion verwendet werden soll.
bln_autoplayStartInstantly
default: false
true, wenn die automatische Wiedergabe direkt beginnen soll.
false, wenn der Slider pausiert starten soll.
int_autoplayInterval
default: 4000
Die Zeit in Millisekunden zwischen zwei Slides im Autoplay-Modus.
bln_autoplayPauseOnHover
default: true
true, wenn die automatische Wiedergabe pausieren soll, wenn der Mauszeiger über dem Slider ist.
bln_dotNavigationActive
default: true
true, wenn die Slider-Punktnavigation angezeigt werden soll.
str_dotNavigationPosition
default: 'bottom'
'top' oder 'bottom' um zu definieren wo die Slider-Punktnavigation angezeigt werden soll.
bln_dotNavigationUseImagesIfPossible
default: true
true, wenn die Punkte in der Slider-Punktnavigation nach Möglichkeit durch Vorschaubilder ersetzt werden sollen.
int_dotNavigationMaxNumberOfSlides
default: 10
Maximale Anzahl an Slides, für die die Punktnavigation verwendet werden soll. Wenn der Slider mehr Slides hat, wird die Punktnavigation nicht verwendet.
bln_showConsoleWarnings
default: true
true, wenn Warnungen in der Entwicklerkonsole ausgegeben werden sollen.