This is a topic for cssSlideShow by jerry325
DESCRIPTION
This Snippet retrieves image files from a directory, processes them through a
template chunk and returns a pure CSS Slide Show.
PARAMETERS:
&folder string - The name of the image folder to search. optional. Default: assets/photos
&ext string - The extension of the images. optional. Default: jpg
&img_tpl string - The name of a Chunk used to format the Images on the page. optional.
Default: cssSlideShow_Tpl
&sty_tpl string - The name of a Chunk used to set the CSS for all but the First & Last Images.
optional. Default: cssSlideShowStyle_Tpl
&styFirst_tpl string - The name of a Chunk used to set the CSS for the First Image. optional.
Default: cssSlideShowStyleFirst_Tpl
&styLast_tpl string - The name of a Chunk used to set the CSS for the Last Image. optional.
Default: cssSlideShowStyleLast_Tpl
&page_tpl string - The name of a Chunk used to format the remainder of the page. optional.
Default: cssSlideShowPage_Tpl
&width integer - A number representing the width images to return. optional. Default: 750
&heigth integer - A number representing the height images to return. optional. Default: 564
&border integer - A number representing the border width. optional. Default: 0
&class string - A class name to pass. optional. Default: ''
version 0.5.1-beta5
author Jerry Mercer (ultravision.net)
USAGE:
[[!getImages?
&folder=`assets/photos`
&ext =`cssSlideShow_Ext`
&img_tpl =`cssSlideShow_Tpl`
&sty_tpl =`cssSlideShowStyle_Tpl`
&styFirst_tpl =`cssSlideShowStyleFirst_Tpl`
&styLast_tpl =`cssSlideShowStyleLast_Tpl`
&page_tpl =`cssSlideShowPage_Tpl`
&width =`750`
&heigth=`564`
&border=`2`
&class=`img`
]]
Release Notes
This snippet started from an article by Alessio Atzeni at smashingmagazine.com . He put together a little 5 image slide show as a proof of concept and I was intrigued. I wanted to see if I could use what I had learned in creating getImages to make a CSS slide Show of any size. The CSS3 animations do not work in IE 9 but work in both Firefox and Chrome. I would also like a more standards complient way to create the CSS but this was all I could think of. I feel sure there are a hundred better ways to do this... * Note: the cssSlideShow_Tpl chunk makes reference to a .thumbs directory as this is how my file structure is set up. It allows me to use fast loading thumbnails but have the link point to a full sized Image for downloading. Also I link to the Slide Show from my getImages page so I already have a folder reference in the page but you can either use the folder var in the snippet call or put the folder path onto the end of the URL with ?folder= .
As always I would be grateful for any and all suggestions for improvements.
BTW
Thanks for the heads up on the UV site. I ported that over in a hurry and just never went back and cleaned up the code. I have it passing now but need to update my template and base CSS on that site.
