Below the carrotCell is set to infinite scroll. Note the slides with a yellow border around it are the cloned elements at the beginning and end, they are replaced by the gray bordered items once they come into full view.
In many instances it is useful to have the carrotCell auto advance on its own.
1
2
3
4
5
6
7
8
9
Set auto to the boolean true will start the auto scrolling. In the example below there are shown some other properties to configure the auto scroll including pauseOnHover which when set to the boolean true will pause the scrolling when mousing over the carrotCell. See documentation for a list of all properties.
The default controls have the classes .play, .stop, .pause, any markup can be used to create the controls. As long as these classes exist inside .carrotCell the controls will be automatically created for autoscrolling carrotCells.
Custom classes can also be used for the controls instead of the default, by setting pauseSelect, playSelect and stopSelect to be a string selector. To move the controls outside the .carrotCell scope, refer to the demo for previous & next which shows how to set the controlScope for all controls.