You can setup and use our slider shortcodes everywhere. They are also extremely flexible letting you customize options such as speeds, animations, sizes, and navigation buttons.
Contents |
Shortcode Generator
Instead of typing out your shortcode you can also use our shortcode generator. Learn More
Nivo Slider
Syntax:
[nivo] [image]http://www.yoursite.com/images/1.jpg[/image] [image]http://www.yoursite.com/images/2.jpg[/image] [/nivo]
Options:
effect // the type of animation you wish to use, available values are..
// random, slideDown, slideDownLeft, slideUp, slideUpLeft,
// sliceUpDown, slideUpDownLeft, fold, fade
slices // the amount of slices you want in your animation effect
// it's best to keep it between 5 - 10
animspeed // the amount of time it takes for the animations to complete
// values are in milliseconds (1 second = 1000 milliseconds)
pausetime // the amount of display time an image has before the next one is loaded
// values are in milliseconds (1 second = 1000 milliseconds)
directionnav // the next and previous buttons that display on the slider
// set to "button", "button_hover" or "disable"
controlnav // set to "true" to display the image navigation dots at the bottom
width // set the width of your slider, images will be resized to fit
height // set the height of your slider, images will be resized to fit
caption // sets a caption on your image, see below for examples
Examples:
[nivo effect="random" slices="5" animspeed="1000" pausetime="5000" directionnav="button_hover" controlnav="true" width="500" height="300"] [image]http://www.yoursite.com/1.jpg[/image] [image]http://www.yoursite.com/2.jpg[/image] [/nivo]
