Image Scroller Plugin and Shortcode

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

If you would like to use this plugin: please send an email with the name of your blog to webmaster@uni-mainz.de.

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

Image scroller linking to posts or pages of your blog

The image scroller may be applied on all WordPress pages by using the following shortcodes (example):


[imagescroller]

Link to post A

Link to post B

Link to post C

[/imagescroller]

Two points need to considered though:

1. Links within the shortcode have to refer to pages or posts from your blog. Links can be set up within the visual mode of the text editor. The link text will appear below the images. The number of links is not limited.

2. Important: Each page can be represented by a featured image which will then appear in the image scroller. This representative image can be selected at the bottom of the right-hand menu bar if you click on "Set featured image" (if this option is not available you can activate it at the "Screen Options" menu on the right-hand top of the dashboard)

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

At the moment, the image scroller plugin is a beta version. Thus, its functioning could be altered at short notice.

The following example shows you how the applied image scroller shortcode looks on a page:

Forms made easy in WordPress
Data Tables with bells and jingles

The labelling of the first image that is linked to will determine the size of the display bar for caption text. In case of a long labelling for the first image but only a short one for the second image, the whole slideshow will appear with a rather big display bar.

Image scroller 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="http://www.wordpress.zdv.uni-mainz.de/mbehrens/files/2013/07/P1050050.jpg" 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...