Display Thumbnail Carousel (Pro)

You can display a thumbnail carousel as the control navigation. The thumbnail carousel only supported by the slider and scroller mode. The thumbnail carousel can be set to display horizontally or vertically.

To display thumbnail carousel, simply set the controlNavMode option to 'thumbnails', like so:

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

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

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