JSSOR Carousel Slider Modul in Version 1.0.2

Übersicht:

Installation

Installieren Sie das Modul Paket wie gewohnt über den Erweiterungsmanager im Joomla Backend.

  1. Klicken Sie auf "oder eine Datei auswählen"
  2. Wählen Sie die entsprechende Datei auf Ihrem Rechner
  3. Wenn diese in der Dateizeile erscheint, ist sie ausgewählt
  4. Klicken Sie auf "Öffnen"

1 small

Sie erhalten nun diese Nachricht, dass das Modul erfolgreich installiert wurde.

Danach gehen Sie auf den Menü-Punkt Erweiterungen => Module - zum Modulmanager!

2 small

Der Modulmanager zeigt uns das Modul in der Liste! Klicken Sie jetzt auf den Modulnamen um zu Konfiguration zu gelangen.

3 small

 

 

Konfiguration

Jetzt beginnt der etwas komplexere Bereich für das Jsson Banner Slider Modul.

4 small

Die erste Ansicht im Tab Modul zeigt die Grund-Einstellungen für die Slideshow, die ich im folgendem erklären werde.

Titel anzeigen -> sollte abgeschaltet werden. Hängt ganz von der Konfiguration der Modulposition ab!

Position -> wählen Sie die Modulposition, wo die Slideshow erscheinen soll.

Status -> setzen Sie das Modul auf "Veröffentlicht"

Alle weiteren Einstellungen dürften bekannt sein und werde ich hier nicht weiter beschreiben.

 

Modulzuweisung

5 small

 

Veröffentlichen Sie das Modul, entsprechend den möglichen Joomla Moduleinstellungen, unter den entsprechenden Seiten, wo Sie die Slideshow haben möchten. 

 

Bilder für die Slideshow

Die Bilder für die Slideshow sind das wichtigste. 

Aber erst einmal zum Bild Format. Es werden Bilder mit den Dateiendungen "jpgpng und jpeg" akzeptiert! Sie sollten sich zudem im klaren sein, welche Größe die Slideshow später haben soll. Erstellen Sie bitte alle Bilder so, in Breite und Höhe, wie sie im Endeffekt dargestellt werden sollen.

Beispiel: Breite der Slideshow soll 850px und die Höhen 250px auf Desktop Geräten betragen, dann sollten Sie die Bilder in diesem Format erstellen!

Die Sortierung der Bilder übernimmt das Modul automatisch vor. Alle Bilder werden alphanumerisch sortiert! Benennen Sie also Ihre Bilder entsprechend schon in der Reihenfolge, wie sie ablaufen sollen.

Beispiel:

  • erstes Bild: a.jpg oder 1.jpg
  • zweites Bild: b.jpg oder 2.jpg

Beachten Sie bitte weiterhin, dass das Modul, im Standard, auf 4 Bilder/Slide beschränkt ist! Werden mehr Bilder benötigt pro Slidesite, können Sie mit Hilfe der Breiten- und Höheneinstellung der Bilder, entsprechend anpassen.

in dieser Version ist Uploadfunktion eingebaut. Dazu haben Sie noch zwei Optionen, je nach Server-Konfiguration.

  1. Sie laden die Bilder über den Medien-Manager hoch
  2. Sie laden die Bilder per FTP hoch

Über den Medien-Manager im Menü-Punkt "Inhalte => Medien" suchen Sie im Root des Joomla Bildverzeichnisses "images" das neues Verzeichnis "/carousel_slider" und laden Sie hier Ihre Slideshowbilder hoch.

14 small

Via FTP Client, melden Sie sich auf Ihrem Host an und suchen Sie hier das neues Verzeichnis im Joomla Bildverzeichnis "/images",mit dem Namen "/carousel_slider". Anschließend übertragen sie die Bilder in dieses Verzeichnis.

15 small

Sind die Bilder dann im Verzeichnis gespeichert, können Sie in den Moduleinstellungen, den korrekten Pfad eingeben! Standardmäßig ist hier bereits das Verzeichnis "/images/carousel_slider" vorgegeben!

Sie können bequem auch die Bilder über den eingebauten Media Upload hochladen. In der Grundinstallation sind 20 Beispielbilder bereits inklusive, um bereits die Funktionstüchtigkeit der Slideshow zu demonstrieren. Löschen Sie ganz einfach die Bilder im Mediamanager, wenn Sie dann eigene Bilder benutzen möchten.

Beachten Sie bitte, wenn Sie den Pfad verändern, müssen Sie diese Einstellung auch im Media-Upload entsprechend berücksichtigen. Auch dieser ist nach dem Standardpfad zum Verzeichnis "/images/carousel_slider" eingestellt! 

Bei der Benutzung des Slideshow Modules auf verschiedenen Unterseiten, mit unterschiedlichen Bildern, müssen Sie für jede Slideshow ein gesonderten Ordner unter "/images" einrichten und entsprechend im Backend angeben.

Beispiel:

  • Slideshow Modul Startseite -> /images/carousel_slider
  • Slideshow Modul Unterseite -> /images/carousel_slider1 
  • etc.

 

Kommen wir zu den anderen Grundeinstellungen der Slideshow:

6 small 

  • Slideshow Breite: Diese Breite bezieht sich auf die Desktop-Ansicht! Die Eingabe erfolgt in Pixel Größen, jedoch ohne dem Kürzel px!
  • Slideshow Höhe: Die Höhe bezieht sich auf die Desktop-Ansicht! Die Eingabe erfolgt in Pixel Größen, jedoch ohne dem Kürzel px!
  • Einzelbildbreite: Die Breite bezieht sich auf die einzelnen Bilder in einem Slide. Die Eingabe erfolgt in Pixel Größen, jedoch ohne dem Kürzel px!

 

Übergänge der Slideshow

Als nächster Punkt folgt erst ein mal die Einstellung der Bildübergänge der Slideshow. Sie haben hier 378 Optionen frei zur Auswahl. Die wichtigste Option ist "Fade". Jetzt werden die Übergänge von Anfang bis zum Ende durchlaufen und beginnen dann wieder von vorn. Wer es bewegter mag und vor allem in nur einer Übergangsart nutzen möchte hat dazu ja noch 377 Möglichkeiten!

Die weiteren Einstellungen sind:

Slider Autoplay -> Hier können Sie festlegen, ob der Slider beim Seitenaufruf automatisch starten soll! Ein ist empfohlen!

Autoplay Interval -> Geben Sie eine Zeit in Millisekunden ein, zur Verweildauer der Bilder zwischen den einzelnen Bildwechseln

Pause bei Mouseover -> Wählen Sie hier aus, was beim überfahren der Slideshow mit der Maus, für eine Aktion erfolgen soll.

Navigationsübergangszeit -> Geben Sie eine Zeit in Millisekunden an, um die Länge der Übergangszeit beim Wechssel der Bilder festzulegen. Standard ist empfohlen!

Punkt Navigation -> Geben Sie an wann die sogenannte Bullet Navigation erscheinen soll!

Pfeil Navigation -> Geben Sie an wann die sogenannte Key Navigation erscheinen soll!

Nav-Pfeile Abstand: Hier können Sie festlegen, entsprechend der Höhe der Slideshow, wie weit von oben die Navigationspfeile erscheinen sollen. Auch hier erfolgt die Eingabe in Pixel Größen jedoch ohne dem Kürzel px!

 

Verlinkungen der Bilder

Die Bilder können nicht verlinkt werden!

 

Beschreibungstexte für die einzelnen Bilder

Beschreibungstexte sind für diese Art der Slideshow nicht vorgesehen!

 

Erweiterte Einstellungen

7 small

 

Legen Sie hier entsprechend den Joomla Grundsätzen Ihre persönlichen Einstellungen fest.

 

Download des Moduls

Alle Einzelheiten zum Download des Modules, finden Sie hier