« All helpers
Creates a slideshow of the images from the specified folder.
Found in the WYSIWYG editor's dynamic objects menu as "Images: Slideshow", or add this to a template:
{! filemanager/slideshow?path=foldername !}
The foldername is a folder of images inside /files/ or the directory set by the 'filemanager_path' option in your config file.
foldername
/files/
Alternatively, it can be used via this template tag:
{! filemanager/slideshow?files=filelist&name=idsuffix !}
files is a list of images inside /files/ or the directory set by the filemanager_path option in your config file.
files
filemanager_path
files can either be an array or a string with each file path delimited by | or a glob pattern like 'stuff/*_light.jpg'.
|
idsuffix will be appended to the CSS id of the slideshow.
idsuffix
To set the transition speed in milliseconds add a speed parameter in the form SPEED.
speed
SPEED
To set the photo ratio, add a ratio parameter in the form WIDTH:HEIGH.
ratio
WIDTH:HEIGH
To change the transition effect, add an effect parameter (based on the list available at http://jquery.malsup.com/cycle/browser.html).
effect
For example:
{! filemanager/slideshow?path=foldername&ratio=4:3&speed=1500&effect=fade !}
Note that this will also reorient photos that have been uploaded from devices that don't automatically correct the photo orientation, based the EXIF metadata.
Creates a slideshow of the images from the specified folder.
Found in the WYSIWYG editor's dynamic objects menu as "Images: Slideshow", or add this to a template:
The
foldernameis a folder of images inside/files/or the directory set by the 'filemanager_path' option in your config file.Alternatively, it can be used via this template tag:
filesis a list of images inside/files/or the directory set by thefilemanager_pathoption in your config file.filescan either be an array or a string with each file path delimited by|or a glob pattern like 'stuff/*_light.jpg'.idsuffixwill be appended to the CSS id of the slideshow.To set the transition speed in milliseconds add a
speedparameter in the formSPEED.To set the photo ratio, add a
ratioparameter in the formWIDTH:HEIGH.To change the transition effect, add an
effectparameter (based on the list available at http://jquery.malsup.com/cycle/browser.html).For example:
Note that this will also reorient photos that have been uploaded from devices that don't automatically correct the photo orientation, based the EXIF metadata.