JGU Image Scroller – HTML 5

The image scroller shortcode enables you to create a slideshow on your page. An example of such an image scroller can be found on the university´s starting page: www.uni-mainz.de

You activate this plugin in the Dashboard - JGU Tools - Plugins

You have the possibility to choose between a JGU Imagescroller as Slideshow, a JGU Imagescroller that refers to a selection of your blog pages or a JGU Imagescroller that refers to any internet adress/URL.

Features of The JGU Imagescroller

  • autoplay with this feature activated the JGU Imagesroller automatically plays through Image by Image.
    As a standard the autoplay feature is active, you can deactivate it by using the following shortcode: autoplay="off"
  • loop with this feature active the pictures will infinitly loop.
    As a standard the loop feature is active, you can deactivate it by using the following shortcode: loop="off"
  • duration sets the time until the next Picture is shown in seconds.
    Example: duration="5"
  • max_width sets the width of the JGU Imagescroller in pixels.
    Example: max_width="450"
Please note: to avoid mixing Shortcodes and HTML-Code, it is better to enter shortcodes in the editor's text mode (not in visual mode).


We recommend to use images with a 16:9 scale and a pixel size of 626x352.


JGU Imagescroller linking to any internet address/URL (or without links)

If the images of your scroller need to be linked to internet addresses outside of your blog, you may use the shortcod 'imagelink' to achieve this.

First of all, the images of your scroller will have to be uploaded to the media area of your blog. If you have done this, you'll need to copy the address (URL) of any image from its field 'URL', which can be seen when editing the image in the media area of your WordPress blog.

Example for an image scroller using the imagelink attribute:

[imagescroller] [imagelink imageurl="" url="http://www.zdv.uni-mainz.de" subtitle="Dies ist nur ein Test"] [/imagescroller]

The attribute imageurl contains the full URL of the image to be used.
The attribute url contains the full URL of the link target, which is the internet address that should be delivered to the user if he clicks on the image. If you do not want to link to any target page, just omit that attribute altogether.
The attribute subtitle may contain text that should be displayed as a caption text at the bottom of the image. You may omit this attribute, but we recommend to use it since it improves the accessibility of your web content.

You may enter any number of imagelinks. However, we recommend to use no more than about 10, if you consider the times it takes to load all these images for anyone with a slow network connection...