Joomla Slider Gestaltungsmöglichkeiten – Beispiel DJ-ImageSlider

Dezember 2017 Twitter @ItDoorlu

Joomla Slider Gestaltungsmöglichkeiten

Welche Positionen für einen Slider bei dem Beispiel Template „Protostar“ möglich sind, erfahren Sie bereits in dem Fachartikel „Joomla Modultypen – Joomla Standard mindestens 25 Modultypen

Daher wird hier im Rahmen dieses Fachartikels nicht auf die Modulpositionen für Slider eingegangen. Daher kann auch die Frage offen bleiben, ob die Positionierung eines Sliders eine Gestaltungsmöglichkeit ist.

Unter den mit der Joomla Installation angebotenen über 20 Modultypen war kein Modultyp Slider dabei.

Weitere Einzelheiten zu Modultypen können Sie in dem Fachartikel „Joomla Modultypen – Joomla Standard mindestens 25 Modultypen“ nachlesen.

Die Gestaltungsmöglichkeiten bei einem Slider  werden daher anhand des Moduls „DJ-ImageSlider“ erörtert.  Das zu diesem Zweck installiert wurde. (siehe hierJoomla Modul installieren – am Beispiel eines Sliders) Für irgendeinen Slider muß man sich schließlich zu Demonstrationszwecken entscheiden.

Wenn sie einen anderen Slider für Joomla verwenden, können Sie schnell anhand der Screenshots erkennen, ob und inwieweit es relevante Unterschiede zu dem von Ihnen benutzen Slider gibt. Wahrscheinlich können Sie dann auch Ende des Fachartikels beurteilen, ob der von Ihnen benutzt Slider besser oder schlechter ist als DJ Image Slider.

Der Modultyp dieses Sliders heißt wenig überraschend DJ-ImageSlider. Das von mir erstelle Modul für diesen Modultyp habe ich der Einfachheit halber dann auch DJ-ImageSlider genannt.

Slider Type Vertical

Joomla Slider Type Vertical
Joomla Slider Type Vertical

Joomla Slider Type Fade

Da geht das eine Bild langsam in das andere Bild über. Um das hier zeigen zu können, habe ich auf der Registerkarte diese Einstellungen vorgenommen.

Joomla Einstellungen für Fade Effekt beim Slider
Joomla Einstellungen für Fade Effekt beim Slider

Diese Einstellungen zur Darstellung des Fade-Effekts sind nur Beispiele. Es läßt sich sicher auch mit anderen Einstellungskombinationen der Fade-Effekt erzeugen. Z. B. sind die 10.000 Millisekunden frei gewählt. Aber ohne diese 10.000 Millisekunden ist kein Fade-Effekt sichtbar.

Joomla Slider Type Fade
Joomla Slider Type Fade

Als dritte Auswahlmöglichkeit beim Slider Type gibt es noch den horizontalen Slider. Wie das dann aussieht, ist auf den Screenshot weiter unten oft genug z sehen.

 

Override From Template

So sieht diese  Einstellungsoption im Modul für den Slider aus.

Joomla Theme default oder override from template
Joomla Theme default oder override from template

Das ist die Einstellung „default“.

Joomla Slider Einstellung default
Joomla Slider Einstellung default

Das ist override from template.

Joomla Slider Override from Template
Joomla Slider Override from Template

Diese Einstellung führt dazu, daß nur für diesen Slider ein anderes Template gilt. Was da genau gezogen wird, teilt Joomla nicht mit.

Je nach Template verändert sich der Slider. Hier soll nur gezeigt werden, daß sich die Darstellung des Templates in irgendeiner Art und Weise ändert. Ob diese Option Sinn macht, soll jeder selbst anhand seines Ergebnisses mit seinem Template entscheiden.

Link image

So sehen die Auswahlmöglichkeiten bei dem Feld „Link Image“ aus.

Joomla Slider Link Image
Joomla Slider Link Image

Wenn hier Hyperlink eingestellt wird, dann muß weiter unten, das Feld „Link“ gefüllt werden.

Joomla Slider Zusammenhang zwischen Link Image und Link
Joomla Slider Zusammenhang zwischen Link Image und Link

Das bedeutet nun aber nicht, daß für den Slider die Bilder nicht mehr aus dem Image Folder geladen werden. Denn nach wie vor werden die Bilder aus dem Image Folder gezogen. Man kann also nicht hier an dieser Stelle sein eigenes Joomla schlank halten und wegen der Bilder für den Slider auf einen externen Link verweisen. Denn dann hätte andere die Ladelast für die Bilder in Ihrem Slider.

Diese Einstellung führt vielmehr dazu, daß egal auf welches Bild man im Slider klickt, daß sich dann im Browser eine neue Registerkarte mit der hier hinterlegten URL .öffnet. Für alle Bilder im Slider kann 1 URL hinterlegt werden, die dann die URL eines Bildes sein kann, aber nicht sein muß.

Open Image in magnific/slimbox popup

Open Image in magnific/slimbox popup in Verbindung mit einem Klick auf ein Bild des Sliders sieht dann so aus:

Joomla Slider Open Image in magnific/slimbox popup
Joomla Slider Open Image in magnific/slimbox popup

Image Folder

Das Feld „Image Folder“

Joomla Slider Image Folder
Joomla Slider Image Folder

Hier muß man leider den Pfad bzw. den Ordner manuell eingeben. Ein „Öffnen“ wie zum Beispiel  bei Word gibt es nicht. Aber dies eröffnet die Möglichkeit ein Verzeichnis anzugeben, in dem nur die Bilder für den Slider enthalten sind. Denn alle Bilder die in diesem Verzeichnis enhalten sind, werden grundsätzlich vom Slider benutzt.

Basic Slider Settings

Basic Slider Settings I

 

Hier die ersten Felder der Basic Slider Settings.

Joomla Die ersten 3 Felder der Basic Slider Settings
Joomla Die ersten 3 Felder der Basic Slider Settings

Das ist die Ausgangsituation. Das sind die vom Modul vorgegebenen Werte.

Joomla No Full Width Slider Width 240 Height 180
Joomla No Full Width Slider Width 240 Height 180

Stelle ich auf „Yes“ bei Full Width Silder um und halbiere die Zahlen bei Width und Height, dann sieht das so aus:

Joomla Yes Full Width Slider Width 120 Height 90
Joomla Yes Full Width Slider Width 120 Height 90

Die Halbierung der Zahlen bei Width und Height kommt erst zum Tragen, wenn ich wieder auf „No“ bei Full Width Silder zurückstelle.

Joomla No Full Width Slider Width 120 Height 90
Joomla No Full Width Slider Width 120 Height 90

Fit a size of image to

Diese Auswahlmöglichkeiten gibt es hier.

Joomla Slider Fit a size of image to
Joomla Slider Fit a size of image to

Bisher war „Auto“ eingestellt.

Bei Fit a size of image to Slide With ergibt sich diese Ansicht.

Joomla Slider Fit a size of image to Slide With
Joomla Slider Fit a size of image to Slide With

Das bedeutet die Bilder werden unten abgeschnitten. Denn das ist die Sicht bei Einstellung „Auto“.

Joomla Slider Fit a size of image to Auto
Joomla Slider Fit a size of image to Auto

So verhält es ich bei der Einstellung Fit a size of image to Slide Height.

Joomla Slider Fit a size of image to Slide Height
Joomla Slider Fit a size of image to Slide Height

Der Elefant in der Mitte ist jetzt in seiner vollen Größe zu sehen. Die Abstände zwischen den Bildern sind jetzt größer geworden.

Vertical Image centring

Das sind die Auswahlmöglichkeiten bei Vertical Image centring.

Joomla Slider Vertical Image centring
Joomla Slider Vertical Image centring

Stellt man da „Yes“ ein, kann es vorkommen, daß oben und unten was vom Bild abgeschnitten wird.

Joomla Slider mit Vertical Image centring
Joomla Slider mit Vertical Image centring

Visible Images/Space between images

Hier 3 weitere Felder von den Basic Slider Settings.

Joomla Slider Visible Images Space between images
Joomla Slider Visible Images Space between images

Ich stelle von 3 sichtbaren Bildern auf 2 sichtbare Bilder um und setze  den Abstand zwischen den Bildern von 10 auf 80 hoch.

oomla Slider Abstand zwischen den Bildern 80 Pixel
Joomla Slider Abstand zwischen den Bildern 80 Pixel

Wie erwartet hat der Slider jetzt nur noch 2 Bilder und der Abstand zwischen den Bildern ist größer geworden.

Sort By

Hier kann die Reihenfolge der Bilder festgelegt werden.

Joomla Slider Reihenfolge der Bilder
Joomla Slider Reihenfolge der Bilder

Stelle ich von File name/odering ascending auf File name/odering descending um, ist das Bild mit der Elefantengruppe jetzt an der 2ten Stelle.

Joomla Slider Bild mit der Elefantengruppe jetzt rechts
Joomla Slider Bild mit der Elefantengruppe jetzt rechts

Das liegt daran, daß das Bild mit dem einen Elefanten „Elefant-3“ heißt und das Bild mit der Elefantengruppe hat den Namen „429 KB.“ Dreht man – wie hier geschehen –  die alphabetische Reihenfolge um, landet der Name, der mit einer Zahl beginnt, am Schluß.

Autoplay

Bei Autoplay „No“ gibt es im Slider keinen Bilderaustausch mehr.

Joomla Slider Auswahlmöglichkeiten bei Autoplay
Joomla Slider Auswahlmöglichkeiten bei Autoplay

Es werden immer die gleichen Bilder angezeigt. Im diesem Fall 2 Stück. Das ist im Ergebnis so, als ob man ohne Slider 2 Bilder in die Website integriert hätte. Es gibt keine Bilderfolge mehr.

Loop Once

Dies sind die Auswahlmöglichkeiten bei Loop once.

Joomal Slider Auswahlmöglichkeiten bei Loop once
Joomal Slider Auswahlmöglichkeiten bei Loop once

Der Slider läuft solange, bis er alle Bilder nacheinander gezeigt hat. Danach  gibt es keinen Durchlauf der Bilder mehr. Bei 3 Bildern und 2 sichtbaren Bildern bedeutet das, das einmal das erste und das zweite Bild gleichzeitig zu sehen sind und danach dauerhaft  das zweite und das dritte Bild gleichzeitig zu sehen sind.

Show play/pause

Dies sind die Auswahlmöglichkeiten bei Show play/pause.

Joomla Slider Auswahlmöglichkeiten bei Show play/pause
Joomla Slider Auswahlmöglichkeiten bei Show play/pause

Yes bedeutet hier, daß das Stoppzeichen und das Abspielzeichen immer zu sehen sind.

Joomla Slider mit Stoppzeichen
Joomla Slider mit Stoppzeichen

Bei On Mouse Over sind diese beiden Zeichen nur dann zu sehen, wenn man mit der Maus irgendwo auf den Slider geht.

Joomla Slider mit Abspielzeichen
Joomla Slider mit Abspielzeichen

Stellt man „No“ ein, dann erscheinen diese beiden Zeichen überhaupt nicht. Das hat zur Folge, daß die Besucher Ihrer Website insoweit nichts steuern können.

Show next/prev

Für  Show next/prev gilt das eben Geschriebene analog.

Joomla Slider Auswahlmöglichkeiten bei Show next/prev
Joomla Slider Auswahlmöglichkeiten bei Show next/prev

Nur das es sich hier um andere Zeichen handelt. Nämlich für das Zeichen für das vorherige und das nächste Bild.

Joomla Slider mit Zeichen für das vorherige und das nächste Bild
Joomla Slider mit Zeichen für das vorherige und das nächste Bild

Show indicators

Hier die Auswahlmöglichkeiten bei Show indicators.

Joomla Slider Auswahlmöglichkeiten bei Show indicators
Joomla Slider Auswahlmöglichkeiten bei Show indicators

Wenn Sie nur 3 Bilder haben und alle 3 Bilder auf einmal im Slider zeigen wollen, gibt es einen schwarzen Punkt.

Jomla Slider mit 1 Anzeigemöglichkeit daher 1 schwarzer Punkt
Jomla Slider mit 1 Anzeigemöglichkeit daher 1 schwarzer Punkt

Da der Slider alle seine Bilder auf einmal zeigt, gibt es keine zweite Sildermaske. Der Slider bewegt daher sich nicht.

Hier in diesem Feld bei den Basic Settings definiert man die Anzahl der Bilder, die man im Slider auf einmal sehen soll.

Anzahl der Bilder die man auf einmal im Slider sehen soll
Anzahl der Bilder die man auf einmal im Slider sehen soll

Wenn Sie nur 3 Bilder haben und jeweils nur 2 Bilder im Slider zeigen wollen, gibt es 2 Anzeigemöglickeiten.

Sie legen dabei die Visible Images auf 2 fest.

Joomla Slider mit 2 Anzeigemöglichkeiten
Joomla Slider mit 2 Anzeigemöglichkeiten

An diesem Screenshot sehen Sie, daß 2 Anzeigemöglichkeiten gibt, weil es 2 Punkte gibt. Da der 2te Punkt schwarz ist, ist dies hier die 2te Anzeigemöglichkeit.

 

Auf der Registerkarte „Customise Slider“ können Sie mit dieser Einstellung dafür sorgen,

Joomla Slider Indicators als Nummern statt als Punkte
Joomla Slider Indicators als Nummern statt als Punkte

daß statt Punkten Zahlen angezeigt werden.

Joomla Slider mit Nummern als Indicators statt mit Punkten
Joomla Slider mit Nummern als Indicators statt mit Punkten

Es gibt 2 Anzeigemöglichkeiten. Der Slider ist jetzt bei der ersten Anzeigemöglichkeit.

Max Images

Steht in diesem Feld eine 1,

Visible Images 2 auf einmal im Slider aber Max images nur 1
Visible Images 2 auf einmal im Slider aber Max images nur 1

nützt es Ihnen nichts, daß Sie bei „Visible Images“ eine 2 eingetragen haben. Der Slider zeigt trotzdem nur 1 Bild und somit gibt es in diesem Fall auch nur 1 Anzeigemöglichkeit des Sliders.

Joomla Slider nur 1 Anzeigemöglichkeit da Max Images ist 1
Joomla Slider nur 1 Anzeigemöglichkeit da Max Images ist 1

Customise Buttons

Auf der Registerkarte „Customise Slider“ gibt es diese 4 Customise Buttons.

Joomla Slider 4 Customise Buttons
Joomla Slider 4 Customise Buttons

Bei allen 4 Selects öffnet sich diese Maske:

Joomla Slider Bilder als Customise Buttons
Joomla Slider Bilder als Customise Buttons

So könnte dann z. B. der Previous Button aussehen, was natürlich keinen Sinn macht.

Slider mit Joomla Werbung als Previous Button
Slider mit Joomla Werbung als Previous Button

Denn der Previous Button ist jetzt mit einer URL belegt, die diese Joomla Werbung zieht.

Joomla Slider Previous Button mit der URL des Bildes
Joomla Slider Previous Button mit der URL des Bildes

Hide Title

Sie wollen diesen Text DJ Image Slider links oben vor Ihrem Slider stehend, loswerden?

Kein Problem.

Joomla Überschrift des Slider verbergen oder ändern
Joomla Überschrift des Slider verbergen oder ändern

Auf der rechten Seite der Registerkarte „Module klicken Sie bei „Show Title“ auf Hide. Oder Sie vergeben einen anderen Titel für Ihren Slider und belassen es bei „Show Title“.

Navigation bar vertical position

Diese Einstellungen finden Sie auf der Registerkarte „Customise Slider“.

Joomla Slider Navigation bar vertical and horizontal position
Joomla Slider Navigation bar vertical and horizontal position

Geben Sie bei Navigation bar vertical position statt der von Joomla vorgeschlagenen 40 Pixel 140 Pixel ein, dann sieht das so aus.

Joomla Slider Navigation bar vertical position 140 Pixel
Joomla Slider Navigation bar vertical position 140 Pixel

Navigation bar horizontal position

Wenn Sie bei Navigation bar horizontal position statt der von Joomla vorgeschlagenen 10 Pixel 110 Pixel auswählen, ergibt sich dieses Bild.

Joomla Slider Navigation bar horizontal position 110 Pixel
Joomla Slider Navigation bar horizontal position 110 Pixel

Die Navigation bar vertical position hatte ich bei 140 Pixel belassen.

Slide effect/Slide effect Type

Zu den Feldern Slide effect/Slide effect Type finden Sie umfassende Erklärungen, wen Sie auf Slide Effect Options klicken [Link]

https://dj-extensions.com/faq/dj-imageslider-faq/fx-transitions

Joomla Slider Slide Effect Options
Joomla Slider Slide Effect Options

Die Qualität dieser Beschreibung zu Slide effect/Slide effect Type ist kaum zu toppen. Daher versuche ich es erst gar nicht.

 

Das war es zum Thema Joomla Slider Gestaltungsmöglichkeiten – Beispiel DJ-ImageSlider. Ich hoffe, daß die für Sie interessanten  Einstellungsmöglichkeiten hier in diesem Fachartikel alle besprochen worden sind.

verwandte Fachartikel

Joomla Modul installieren – am Beispiel eines Sliders

 

Liste Fachartikel zum Thema Joomla von ItDoor

IT Wörterbücher von ItDoor

zu den Fachartikeln zum Thema Word von ItDoor für eilige Leser

zur Startseite von ItDoor

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.