This page demonstrates some of the features in the Divi Carousel Maker plugin related to the scroll settings. Please be sure to review the documentation to get a better understanding of all the features that are available and how they work.
Number Of Modules Per Scroll
These examples show a few carousels with the Number Of Modules Per Scroll Set to different numbers.
Module 1
Modules Per Scroll = 2
Module 2
Modules Per Scroll = 2
Module 3
Modules Per Scroll = 2
Module 4
Modules Per Scroll = 2
Module 5
Modules Per Scroll = 2
Module 6
Modules Per Scroll = 2
Module 1
Modules Per Scroll = 3
Module 2
Modules Per Scroll = 3
Module 3
Modules Per Scroll = 3
Module 4
Modules Per Scroll = 3
Module 5
Modules Per Scroll = 3
Module 6
Modules Per Scroll = 3
Starting Module Order
These examples show a few carousels with the Starting Module Order set to different options.
Module 1
Starting Module Order = Default
Module 2
Starting Module Order = Default
Module 3
Starting Module Order = Default
Module 4
Starting Module Order = Default
Module 5
Starting Module Order = Default
Module 1
Starting Module Order = Random
Module 2
Starting Module Order = Random
Module 3
Starting Module Order = Random
Module 4
Starting Module Order = Random
Module 5
Starting Module Order = Random
Module 1
Starting Module Order = Specific Module 3
Module 2
Starting Module Order = Specific Module 3
Module 3
Starting Module Order = Specific Module 3
Module 4
Starting Module Order = Specific Module 3
Module 5
Starting Module Order = Specific Module 3
Scroll Animation Speed
This example shows the various settings related to Auto Scroll.
Scroll Animation Speed
Default 500 ms
Scroll Animation Speed
Default 500 ms
Scroll Animation Speed
Default 500 ms
Scroll Animation Speed
Default 500 ms
Scroll Animation Speed
Custom 1000 ms
Scroll Animation Speed
Custom 1000 ms
Scroll Animation Speed
Custom 1000 ms
Scroll Animation Speed
Custom 1000 ms
Infinite Scroll = NO
Conditional Navigation Buttons
These examples show the Conditional Navigation Buttons either set to Hide Buttons or to Change Opacity when the carousel reaches the end. Note that this only applies when the Infinite Scroll setting is disabled.
Hide Buttons
Conditional Navigation Buttons
Hide Buttons
Conditional Navigation Buttons
Hide Buttons
Conditional Navigation Buttons
Hide Buttons
Conditional Navigation Buttons
Hide Buttons
Conditional Navigation Buttons
Change Opacity 25%
Conditional Navigation Buttons
Change Opacity 25%
Conditional Navigation Buttons
Change Opacity 25%
Conditional Navigation Buttons
Change Opacity 25%
Conditional Navigation Buttons
Change Opacity 25%
Conditional Navigation Buttons
Auto Scroll
These examples show the various settings related to Auto Scroll.
2000 ms
Interval Timing
2000 ms
Interval Timing
2000 ms
Interval Timing
2000 ms
Interval Timing
4000 ms
Interval Timing
4000 ms
Interval Timing
4000 ms
Interval Timing
4000 ms
Interval Timing
Right-To-Left
Direction
Right-To-Left
Direction
Right-To-Left
Direction
Right-To-Left
Direction
Left-To-Right
Direction
Left-To-Right
Direction
Left-To-Right
Direction
Left-To-Right
Direction
Pause On Hover
Yes
Pause On Hover
Yes
Pause On Hover
Yes
Pause On Hover
Yes
Pause On Hover
No
Pause On Hover
No
Pause On Hover
No
Pause On Hover
No
Disable Auto Scroll If Video Is Playing
Continuous Smooth Auto Scroll
This example shows the Continuous Smooth Auto Scroll feature.
Continuous Smooth
Smooth Scroll Speed = 3000 ms
Continuous Smooth
Smooth Scroll Speed = 3000 ms
Continuous Smooth
Smooth Scroll Speed = 3000 ms
Continuous Smooth
Smooth Scroll Speed = 3000 ms
Continuous Smooth
Smooth Scroll Speed = 4500 ms
Continuous Smooth
Smooth Scroll Speed = 4500 ms
Continuous Smooth
Smooth Scroll Speed = 4500 ms
Continuous Smooth
Smooth Scroll Speed = 4500 ms
Touch, Mouse, Keyboard
These examples show the various settings related to Touch Swipe, Mouse Drag, and Keyboard Navigation.
Yes
Touch Swipe, Mouse Drag, Keyboard Navigation
Yes
Touch Swipe, Mouse Drag, Keyboard Navigation
Yes
Touch Swipe, Mouse Drag, Keyboard Navigation
Yes
Touch Swipe, Mouse Drag, Keyboard Navigation
No
Touch Swipe, Mouse Drag, Keyboard Navigation
No
Touch Swipe, Mouse Drag, Keyboard Navigation
No
Touch Swipe, Mouse Drag, Keyboard Navigation
No
Touch Swipe, Mouse Drag, Keyboard Navigation
Scroll Transition Effect
These examples show the Scroll Transition Effect options.
Fade
Scroll Transition Effect
Fade
Scroll Transition Effect
Fade
Scroll Transition Effect
Fade
Scroll Transition Effect
Coverflow
Scroll Transition Effect
Coverflow
Scroll Transition Effect
Coverflow
Scroll Transition Effect
Coverflow
Scroll Transition Effect
Stack
Scroll Transition Effect
Stack
Scroll Transition Effect
Stack
Scroll Transition Effect
Stack
Scroll Transition Effect
Flip
Scroll Transition Effect
Flip
Scroll Transition Effect
Flip
Scroll Transition Effect
Flip
Scroll Transition Effect
Cube
Scroll Transition Effect
Cube
Scroll Transition Effect
Cube
Scroll Transition Effect
Cube
Scroll Transition Effect