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 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.

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.

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.

Das ist die Einstellung „default“.

Das ist 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.

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

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:

Image Folder

Das Feld „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.

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

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

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

Fit a size of image to

Diese Auswahlmöglichkeiten gibt es hier.

Bisher war „Auto“ eingestellt.

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

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

So verhält es ich bei der Einstellung 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.

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

Visible Images/Space between images

Hier 3 weitere Felder von den Basic Slider Settings.

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

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.

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

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.

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.

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.

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

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

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.

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

Show indicators

Hier die 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.

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.

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.

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,

daß statt Punkten Zahlen angezeigt werden.

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

Max Images

Steht in diesem Feld eine 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.

Customise Buttons

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

Bei allen 4 Selects öffnet sich diese Maske:

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

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

Hide Title

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

Kein Problem.

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“.

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

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.

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

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

Andere Themenblöcke bei ItDoor

Software für Aktien und andere Wertpapiere

IT Wörterbücher von ItDoor

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

zur Startseite von ItDoor

Kommentar

ALICE W. LEE, MD, ABIHM, ABOiM
Magnificent goods from you, man. I’ve understand your stuff
previous to and you’re just extremely excellent. I actually like what
you’ve acquired here, really like what you are
stating and the way in which you say it. You make it entertaining and you still
take care of to keep it sensible. I can not wait to read
far more from you. This is really a tremendous site.