Sliderbild 01

Joomla Jssor Slider Modul Pro 3.1.1

Ein multifunktionelles Joomla Modul mit:

  • 378 Bildübergängen - frei wählbar
  • 432 Teaser-Übergänge - frei wählbar für die Ein- und Ausblendung
  • Editorfunktion für die Texte - ohne HTML Kenntnisse
  • und viele weitere Einstellungen
Sliderbild 02

Sie können die Slideshow hier kaufen.

Sie erhalten entsprechend dem Abo, Updates vollkommen gratis, bei Erscheinung!

Sliderbild 03

Lesen Sie dazu die Dokumentation zur Slideshow
und schauen Sie selbst, welche Übergänge für
Ihr Projekt einstellbar sind!

Sliderbild 04

Auch Bildmaterial ist möglich!www-weltkugel

Sliderbild 05

Die Slideshow ist responsiv aufgebaut!

Sliderbild 06

Weitere Einstellungen sind:

  • Einstellung der Bildverweildauer
  • Einstellung der Play in und Play out Zeit
  • Breite der Slideshow
  • Uploadfunktion für die Bilder
Sliderbild 07

Der Einsatz des Editors bietet vieles mehr

  • zusätzliche Formatierungen
  • Einsatz von Bildmaterial
  • Verlinkungen von Text und Bild 
  • und vieles mehr.
Sliderbild 08
Gestalten Sie Ihre Slideshow, nach Ihren Wünschen,ganz individuell. Sie brauchen keinerlei HTML Kenntnisse!
Sliderbild 09

Eine Slideshow als Joomla Modul,
programmiert auf der Basis des 

JSSON Slider Scriptes!

Sliderbild 010
Damit ist die Zeit von komplizierter Quellcode-Bearbeitung vorbei. Alles bequem aus dem Backend einstellbar!
Sliderbild 011

Sie haben ein Problem mit der Slideshow?

Kein Problem! Sie kontaktieren mich und ich
helfe Ihnen weiter.

Erweiterte Version des Joomla 3.xx Slideshow Moduls "mod_jsslider" mit zusätzlichen Funktionen

JSSON Slider Modul Pro in Version 3.1.1

 

Übersicht:

 

Installation

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

Wählen Sie die Datei aus und klicken Sie auf "Hochladen & Installieren"

Modul hochladen und installieren

 

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

2a

 

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

3

 

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

4a

 

Konfiguration

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

5a

 

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!

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

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

5b

 

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 "jpg, png 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 15 Bilder, der Übersicht halber, beschränkt ist! Werden mehr Bilder benötigt, können Sie sich gern an mich, per E-Mail melden.

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 "/slideshow" und laden Sie hier Ihre Slideshowbilder hoch.

6

 

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

7

 

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/slideshow" vorgegeben!

6a

 

Sie können bequem auch die Bilder über den eingebauten Media Upload hochladen. In der Grundinstallation sind 5 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/slideshow" eingestellt! 

Kommen wir zu den anderen Einstellungen der Slideshow:

7b 

  • 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!
  • 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!

Die letzten beiden Parameter sind ab Version 3.1.1 vorhanden!

 

Ü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 "Random". Jetzt werden ausgesuchte Übergänge von Anfang bis zum Ende durchlaufen und beginnen dann wieder von vorn. Wer es ruhiger mag und vor allem in nur einer Übergangsart nutzen möchte hat dazu ja noch 377 Möglichkeiten!

 

7a

Sie haben jedoch die Möglichkeit, sich für einen bestimmten Übergang zu entscheiden. klicken Sie dazu auf das Auswahlfeld und wählen sie den entsprechenden Übergang aus.

 

7b

Die weiteren Einstellungen sind:

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

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

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!

 

Verlinkungen der Bilder

Sie haben die Absicht, die Bilder mit Links zu versehen, die zu einer ganz bestimmten Seite führen? Kein Problem! Im weiteren Verlauf der Einstellungen, können Sie für die zehn möglichen Bilder jeweils einen konkreten Link eintragen.

 

7c

Benutzen Sie dazu die entsprechenden Eingabefelder, um die URL einzutragen. Im Standard ist keine Verlinkung aktiviert! Sie müssen für jedes Bild ein Feld ausfüllen, wenn Sie das Bild auch verlinkt haben möchten. Sie können die Bilder damit zu unterschiedlichen Unterseiten Ihrer Homepage verlinken.

 

Beschreibungstexte für die einzelnen Bilder

In dem Joomla 3.xx Modul mod_jssonsliderpro, befindet sich unter dem Tab "Teaser Texte", die Eingabemöglichkeit von einem oder zwei Teasern in einem Editor. In der Grundausführung sind keine Beschreibungstexte als Demo vorhanden. Sie können auch die Teaser versetzt anzeigen lassen. Lassen Sie dazu jeweils immer das entsprechende Feld in Box 1 und 2 frei. Auch hier ist die Anzahl auf jeweils 15 Teasertexte pro Seite beschränkt. Sollten Sie mehr benötigen, wenden Sie sich vertrauensvoll per E-Mail an mich. 

Zur Beachtung! Die vorgegebene 0 ist technisch bedingt! Sie wird automatisch gespeichert, wenn Sie den Teasertext komplett löschen! 

 

9a

 

Einstellungen für Beschreibungstexte

Für den Teaser Text gibt es auch diverse Einstellungen für dessen Ansicht und Übergänge. Diese Einstellungen können Sie im Tab "Teaser-Einstellungen" vornehmen.

 

10a

 

Beginnen wir mit der Ein- bzw. Ausblendung des Textes. Hier stehen Ihnen 432 Übergänge für die Einblendung und auch für die Ausblendung zur Verfügung! Dies bedeutet, Sie können für einen Teaser jeweils zwei Übergänge separat auswählen, oder die Auswahl gleich lassen. Ganz wie es Ihnen beliebt!

Die erste Auswahl ist für den Einblendeffekt zuständig, die zweite entsprechend für den Ausblendeffekt. Eine Demo der einzelnen Übergänge der Teaser finden Sie hier.!

Teaser Verzögerung - > Hiermit können Sie eine Verzögerung in Millisekunden angeben, ab wann der Teaser eingeblendet wird. Es sind Plus- und Minuswerte möglich.

Play In Übergangszeit -> Hier bestimmen Sie die Länge der Einblenzeit des Teasers in Millisekunden.

Play out Übergangszeit -> Hier bestimmen Sie die Ausblendzeit des Teasers in Millisekunden.

Wird die 0 eingetragen, wird der eingetragene Standardwert des Überblendeffektes genutzt. Testen Sie selbst aus, in welcher Geschwindigkeit die Teaser ein- bzw. ausgeblendet werden sollen.


Diese Einstellungen sind für beide Teaserboxen, im Standard links oben und rechts unten, vorhanden und einzustellen!

 

11a 

 

In Folge können Sie dann den Hintergrund für den Theaser Text auswählen. Diese Optionen ermöglich den Zugriff auf eine Farbauswahl, ganz ohne starr festgelegte Farb-Muster!

 

12a

 

Im nächsten Auswahlfeld können Sie die Transparenz der Teaserbox festlegen. Wird volle Transparenz eingestellt verschwindet auch der Rahmen und Schatten der Box!

 

13a

 

Wie für den Hintergrund, gilt auch für die Schriftfarbe und die Linkfarbe, das Farbauswahlfeld. 

Schriftgröße Teaser -> Wählen Sie eine Schriftgröße, die Ihnen zusagt!

Line-height Teaser -> Wählen Sie die Zeilenhöhe immer etwas größer als die Schriftgröße.

Linker Abstand -> Die absolute Position der Teaserbox 1 von links. Bitte beachten Sie das keine Angaben zu px gemacht werden!

Oberer Abstand -> Die absolute Position der Teaserbox 1 von oben. Bitte beachten Sie das keine Angaben zu px gemacht werden!

Rechter Abstand -> Die absolute Position der Teaserbox 2 von rechts. Bitte beachten Sie das keine Angaben zu px gemacht werden!

Unterer Abstand -> Die absolute Position der Teaserbox 2 von unten. Bitte beachten Sie das keine Angaben zu px gemacht werden!

Breite der Teaserbox -> Die feste Breite der Teaserbox in Pixel, jedoch ohne Angabe von px! Passen Sie die Breite der Teaserbox Ihrem längsten Teaser an!

Wurde herausgenommen und auf automatische Breite gesetzt!

Höhe der Teaserbox -> Die feste Höhe der Teaserbox in Pixel, jedoch ohne Angabe von px! In der Regel ist die Höhe gleich der Zeilenhöhe (line-height). Sollten Sie zweizeilige Teaser auf allen Seiten einsetzen, dann bitte den Wert der doppelten Zeilenhöhe eintragen!

Wurde herausgenommen und auf automatische Höhe gesetzt!

 

Wiederholen Sie die individuellen Einstellungen dann auch für die zweite Teaserbox, gleich im Anschluss darunter.

 

Veröffentlichung des Moduls

Sind alle Einstellungen getätigt, können Sie das Modul auf der dafür vorgesehenen Modulposition veröffentlichen!

 

Beachten Sie bitte dabei, das Ihr Joomla  jQuery laden muss! Ohne dem funktioniert das Modul nicht!

 

Download des Moduls

Alle Einzelheiten zum Download des Modules, finden Sie hier

 

nach oben 

Zurück