SlideItMoo

slideItMoo ist ein Mootools-basierter Content/Elementslider mit dem Inhaltselemente aller Art in einer Slideshow gezeigt werden können. Eine Online Demo ist direkt auf der Originalseite zu finden.

Installation

Wie bei allen Erweiterungen, kann diese über die Erweiterungsverwaltung installiert werden. Falls diese nicht verfügbar sein sollte gibt es noch die Möglichkeit der manuellen Installation. Sollte die Erweiterung manuell installiert werden müssen auch alle Abhängigkeiten mit installiert werden. Diese sind im Extension Repositority ersichtlich.

Verwendung

Nach der Installation ist ein Elementtyp von Slideitmoo verfügbar. Hier gibt es zwei Elemente:

Beim anlegen eines Startelements wird zusätzlich auch das Endelement erzeugt. Alle Contentelemente welche sich zwischen start und ende befinden werden geslidet. Beim anlegen des Startelementes gibt es diverse Einstellungsmöglichkeiten.
Wichtig Es muss ein Template ausgewählt sein, damit ein Effekt sichtbar ist, ansonsten muss zuerst selbst ein Template (mit dazugehörigem CSS) erstellt werden.

SlideItMoo Startelement Einstellungen

• Allgemein
  • Anzahl der sichtbaren Elemente: Hier kann angegeben wieviele Elemente angezeigt werden soll.
  • Anzahl der zu verschiebenden Elemente: Hier kann die Anzahl der zu verschiebenden Elemente angegeben werden.
  • Startindex: Hier wird angegeben bei welchem Element gestartet werden soll.
  • Optionale CSS-Klasse: Hier können verschiedene CSS Klassen definiert werden (für Layoutzwecke).
• Abmessungen
  • Breite und Höhe: Es muss definiert werden wie breit und hoch der Slider sein muss (in Pixel).
  • Elementabstand: Hier wird der Abstand zwischen den einzelnen Elementen definiert.
• Effekte
  • Effektdauer: Die Effektdauer in Millisekunden (2000 = 2 Sek)
  • Effektbewegung aktivieren: Effekte können aktiviert werden, diese bassieren auf Fx.Transition
  • Effektbewegung: Hier kann die Effektbewegung ausgewählt werden. Beispiele findet man direkt auf MooTools
  • Ease: Slideshow weicher darstellen
• Elementbewegung
  • Slideshow umkehren: Die Slideshow wird rückwerts abgespielt.
  • Vertikal sliden: Die Slideshow vertikal ablaufen lassen.
  • Autoplay aktivieren: Die Slideshow wird automatisch abgespielt.
  • Einblendungsdauer: Wie lange dauert der Effekt des Slides. Angabe in Millisekunden (2000 = 2 Sek)
• Navigation
  • Navigation aktivieren: Ermöglicht dem Nutzer zwischen den Slides zu navigieren.
  • Scroll-Navigation aktivieren: Die Slideshow mithilfe der mittleren Maustaste steuern.
• Template
  • Template aktivien: Das mitgelieferte Standarddesign verwenden
  • CSS Template Die Gestaltung der Slideshow kann über Templates angepasst werden.