JGU Image Scroller

Mit dem Shortcode: [imagescroller] realisieren Sie eine Bilderfolge wie von der Startseite der Universität bekannt.

Aktivieren Sie das Plugin JGU Image Scroller.

Bevor Sie dieses Plugin verwenden können, müssen Sie es zuerst einschalten!

Ansonsten werden Ihre Shortcodes einfach nur auf der Seite angezeigt, anstatt ausgeführt zu werden.

Also: gehen Sie nach Dashboard -> JGU Tools -> Plugins und aktivieren Sie das Plugin.

Ausführliche Anleitung zum Plugin aus- und einschalten


 

Bereiten Sie die Bilder vor

Ideal sind Bilder im Seitenverhältnis 16:9 mit der Pixelgröße (Breite x Höhe) 626x352 Pixel.

Alternativ können Bilder im Seitenverhältnis 5:2 verwendet werden, dem gleichen Seitenverhälntnis wie im Startseiten-JGU Imagescroller. Setzen Sie dazu im Shortcode für den JGU Imagescroller das Attribut ratio="5:2". Beispiel für den Beginn des Shortcodes:
[imagescroller ratio="5:2"]. Die idealen Pixelmaße für 5:2 sind: 626x250 Pixel (Breite x Höhe).
Wenn Sie die ratio nicht spezifizieren, wird für den JGU Imagescroller der mittleren Spalte vom Seitenverhältnis 16:9 ausgegangen (Voreinstellung).
Bitte beachten Sie auch, dass alle Bilder im JGU Imagescroller das gleiche Seitenverhältnis aufweisen sollten.

JGU Imagescroller mit Links auf beliebige Internetadressen (oder ohne Links)

Wenn die Bildlinks Ihres JGU Imagescrollers auf Ziele außerhalb Ihres Blogs zeigen sollen, können Sie alternativ den JGU Imagescroller mit dem Shortcode ‘imagelink‘ befüllen.

Laden Sie die gewünschten Bilder dazu zunächst in den Medien-Bereich Ihres Blogs hoch. Um die Bildadresse (imageurl) zu erhalten, klicken Sie in der Medienübersicht auf das Bild und kopieren die Adresse aus dem Feld “URL”. Beispiel:

[imagescroller] [imagelink imageurl="//www.blogs.uni-mainz.de/wp-content/uploads/2013/01/P1050050.jpg" url="https://www.blogs.uni-mainz.de" subtitle="Imagescroller - Testbild #1"] [imagelink imageurl="//www.blogs.uni-mainz.de/wp-content/uploads/2013/05/P1050049.jpg" url="https://www.blogs.uni-mainz.de" subtitle="Imagescroller - Testbild #2"] [imagelink imageurl="//www.blogs.uni-mainz.de/wp-content/uploads/2013/02/P1050048.jpg" url="https://www.blogs.uni-mainz.de" subtitle="Imagescroller - Testbild #3"] [/imagescroller]

Das Attribut imageurl enthält die vollständige URL des zu verwendenden Bildes.
Das Attribut url enthält die URL der verlinkten Zielseite, auf die ein Benutzer bei Klick auf das Bild gelangen soll. Wenn Sie keine Seite verlinken möchten, auf die ein Benutzer bei Klick auf das Bild gelangen soll, lassen Sie das Feld url einfach weg.
Das Attribut subtitle enthält den Text, der als Untertitel im JGU Imagescroller eingeblendet werden soll. Dieses Attribut kann ebenfalls weggelassen werden. Wir empfehlen jedoch, zur Verbesserung der Barrierefreiheit, dieses Attribut zu belegen. NEU ab Februar 2015: Die Länge der Untertitel ist beliebig und darf zwischen den einzelnen Bildern stark variieren. Die Höhe des Laufbands wird automatisch auf den maximal benötigten Wert gesetzt.

Sie können beliebig viele Imagelinks einsetzen. Wir empfehlen jedoch aufgrund der Ladezeiten von Bilddateien, besonders in langsamen Netzen, ein Maximum von 10 Bildlinks nicht zu überschreiten. (Ein Bild dieser Größe kann 400KB groß sein, mit 384 kbit/s dauert es mehrere Sekunden, bis das Bild übertragen ist.)

 

Die Beschriftungen des ersten eingesetzten Bildes bestimmen die Größe des Anzeigebalkens. Wenn Sie also eine mehrzeilige Beschriftung auf dem ersten Bild, aber nur eine kurze auf dem nächsten haben, bekommt auch das Bild mit der kurzen Beschriftung einen großen Balken.

Rechtliche Hinweise für die Nutzung von Bildern

Bitte beachten: Für den Upload oder die Wiedergabe fremder Inhalte (z.B. fremder Bilder, PDF-Dateien) auf den Internetseiten Ihres Projektes muss in der Regel die Zustimmung des Urhebers eingeholt werden.