Slideshow
Add a slideshow widget to your template.
Overview
You can add a slideshow widget to your template. This widget will display an image gallery slideshow.
To include a slideshow widget in your template you will need to add the following line:
{{widget('responsiveslideshow', 'thisuniquewidgetname', {'duration':'3', 'transSpeed': '1000', 'transType': 'fade', 'showButtons': true, 'showBullets': false, 'allowPause': true, 'allowLoop': true, 'images':[{'imageHeight':'350', 'imageWidth':'300', 'url':'http://placehold.it/350x300', 'title':'test title', 'description': 'test desc'},{'imageHeight':'350', 'imageWidth':'300', 'url':'http://placehold.it/350x300', 'title':'test title', 'description': 'test desc'},{'imageHeight':'350', 'imageWidth':'300', 'url':'http://placehold.it/350x300', 'title':'test title', 'description': 'test desc'},{'imageHeight':'350', 'imageWidth':'300', 'url':'http://placehold.it/350x300', 'title':'test title', 'description': 'test desc'}]})|raw}}
Widget Options
You can change the following options for the widget:
-
duration
: The slideshow duration in seconds -
transSpeed
: The speed of the transition in milliseconds -
transType
: The type of transition. Possible values:dissolve
fade
none
-
showButtons
: Show the buttons to go to the next/prev image. Possible values:true
orfalse
-
showBullets
: Show the bullets to go to a different image. Possible values:true
orfalse
-
allowPause
: Allow to pause the slideshow. Possible values:true
orfalse
-
allowLoop
: Make the slideshow repeat in a loop. Possible values:true
orfalse
-
crop
: Crop the images in the slideshow to fit, or not. Possible values:true
orfalse
-
images
: An array of images with properties (imageHeight
,imageWidth
,url
,title
,description
) as opposed to using an album