GK Image Show widget is a simple widget which can be used to create awesome header:
The slide images are configured in the Media library:
Every slide have few important elements:
The title is used to identify the slide but we will describe it later. In general we recommend to use a simple name like “slideX” where X is a number of the slide. Other marked elements are also important:
1. The “Alternate Text” is used as a slide title displayed as a header element in the slide text.
2. The “Caption” is used to store the slide URL – where the slide is linking
3. The “Description” is used to store additional slide text – you can use HTML here to achive more complex structure – look at the example – we have used span.gk-line and a.btn1, a.btn2 elements.
When you have the slides, you can go to the widget settings:
It seems to be a quite complex, but the widget configuration is very easy.
First of all you have to specify used slides – you have to put media titles separated by comma – as you can see we have named our slides as “slide1”, “slide2” and “slide3”.
The “Pagination” option enables the arrows and pagination under the slider.
Next three options are strictly connected with the animation speed (speed of the slides transition), interval (time between two slides) and autoanimation (if you need to autoanimate your slides).
On the right column you can specify module height, width and slide image width for:
It is necessary to render the widget on the mobile devices.
Additionally we recommend to use with this widget on the header widget area style “Photo header” which will add a nice photo background instead of the grey background.