Display Rotator List (Pro)

Rotator list is one of the controls you can create with Evo Slider, beside bullets and thumbnail carousel. Same with the thumbnail carousel, the rotator list control only supported by the slider and scroller mode. The rotator list control can be set to display horizontally or vertically.

To display rotator list, simply set the controlNavMode option to 'rotator', like so:

var myEvoSlider = $("#mySlider").evoSlider({
    mode: "slider",
    controlNav: true,
    controlNavMode: "rotator",
    controlNavVertical: false, 
    controlNavPosition: "outside", 
    controlNavVerticalAlign: "right"   
});
                

You can set the rotator list to display vertically by set the controlNavVertical to true. You can also place the rotator inside or outside of the slider by setting its controlNavPosition to 'inside' or 'outside'.

The outside vertical rotator list can be set to place on the left or right of the slider by setting the controlNavVerticalAlign option to 'left' or 'right'.