Fade Slider Shortcode
Defaults
Below are the options that are available for this shortcode and their default values. A hash (#) indicates a required value.
'name' => 'fadeslider',
'cats' => '', // Category IDs
'slides' => '-1', // Number of slides, -1 to display all
'effect' => 'fade', // fade, blindX, blindY, blindZ, cover, curtainX, curtainY, fadeZoom, growX, growY, none, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, shuffle, slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom
'timeout' => '6', // Number of seconds
'nav' => '1', // 0, 1, 2
'arrows' => 'true', // true, false
'width' => '1200',
'height' => '500',
'align' => 'alignnone', // alignnone, alignleft, alignright, aligncenter
And this is what you should insert into your posts and pages…
[fade_slider name="fadeslider" cats="" slides="-1" effect="fade" width="1200" height="500" align="alignnone" nav="1" arrows="true" timeout="6" /]
Light Frame Slide
Dark Frame Slide
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec consectetur nibh. Nulla facilisi. Vestibulum non ullamcorper arcu. Mauris pellentesque consequat justo, eget pellentesque odio ullamcorper eu. Ut neque ligula, mollis quis hendrerit ac, ullamcorper et augue. Vivamus auctor faucibus felis in porta. Sed ac lorem ligula, et auctor sapien.
[fade_slider name="fadeslider1" cats="24" slides="-1" effect="fadeZoom" width="750" height="450" align="aligncenter" /]
Light Frame Slide
Dark Frame Slide
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec consectetur nibh. Nulla facilisi. Vestibulum non ullamcorper arcu. Mauris pellentesque consequat justo, eget pellentesque odio ullamcorper eu. Ut neque ligula, mollis quis hendrerit ac, ullamcorper et augue. Vivamus auctor faucibus felis in porta. Sed ac lorem ligula, et auctor sapien.
[fade_slider name="fadeslider2" cats="24" slides="-1" effect="blindX" width="750" height="350" align="aligncenter" timeout="0" nav="2" arrows="false" /]