Dezember 2017 Twitter @ItDoorlu
Inhaltsverzeichnis
- 1 Joomla Slider Gestaltungsmöglichkeiten
- 1.1 Slider Type Vertical
- 1.2 Joomla Slider Type Fade
- 1.3 Override From Template
- 1.4 Link image
- 1.5 Open Image in magnific/slimbox popup
- 1.6 Image Folder
- 1.7 Basic Slider Settings
- 1.8 Basic Slider Settings I
- 1.9
- 1.10 Fit a size of image to
- 1.11 Vertical Image centring
- 1.12 Visible Images/Space between images
- 1.13 Sort By
- 1.14 Autoplay
- 1.15 Loop Once
- 1.16 Show play/pause
- 1.17 Show next/prev
- 1.18 Show indicators
- 1.19 Max Images
- 1.20 Customise Buttons
- 1.21 Hide Title
- 1.22 Navigation bar vertical position
- 1.23 Navigation bar horizontal position
- 1.24 Slide effect/Slide effect Type
- 2 verwandte Fachartikel
- 3 Andere Themenblöcke bei ItDoor
- 4 Kommentar
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“.
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.
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
zu den Fachartikeln zum Thema Word von ItDoor für eilige Leser
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.