Fade Animation
[slider animation="fade" slide_time="5000" slide_speed="600" slideshow="false" random="false" control_nav="false" prev_next_nav="true"] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
Slide Animation
[slider animation="slide" slide_time="5000" slide_speed="600" slideshow="false" random="false" control_nav="false" prev_next_nav="true"] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
Automatic Slideshow
[slider animation="slide" slide_time="1500" slide_speed="600" slideshow="true" random="false" control_nav="false" prev_next_nav="false"] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
Random Order
[slider animation="slide" slide_time="5000" slide_speed="600" slideshow="false" random="true" control_nav="false" prev_next_nav="true"] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
Control Navigation
[slider animation="slide" slide_time="5000" slide_speed="600" slideshow="false" random="false" control_nav="true" prev_next_nav="false"] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
Direction Navigation
[slider animation="slide" slide_time="5000" slide_speed="600" slideshow="false" random="false" control_nav="false" prev_next_nav="true"] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
Control and Direction Navigation
[slider animation="slide" slide_time="5000" slide_speed="600" slideshow="false" random="false" control_nav="true" prev_next_nav="true"] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
Slider With No Container
[slider no_container="true" animation="slide" slide_time="5000" slide_speed="600" slideshow="false" random="false" control_nav="false" prev_next_nav="false"] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="https://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
Responsive Slider Options
- id: add a unique ID to the shortcode.
- class: add a class or multiple classes to the shortcode.
- style: add inline styles to the shortcode.
- animation: “fade” or “slide.”
- slide_time: set the duration for each slide in milliseconds.
- slide_speed: set the duration for each slide transition in milliseconds.
- slideshow: input “true” to have the slides change automatically.
- random: input “true” to have the slides appear in a random order each time.
- control_nav: input “true” to display the control nav (shows a marker for each slide).
- prev_next_nav: input “true” to display the previous/next arrows for the slider..
- no_container: input “true” to remove the container styling.
Responsive Slide Options
- id: add a unique ID to the shortcode.
- class: add a class or multiple classes to the shortcode.
- style: add inline styles to the shortcode.
