Variable Visions

Articles jQuery jCarousel-slideshow

tutorials - jQuery and Web-Development.

jCarousel slideshow

Published Thu. Aug. 09, 2012

Use the jcarousel plugin for this type of slideshow

jQuery('.jcarouselcontainer ul').jcarousel({
                    scroll: 1,
                    wrap: 'first',
                    easing: 'easeInOutCirc',
                    buttonNextEvent : 'click',
                    buttonPrevEvent : 'click',
                    setupCallback : function() {

This function changes the wrap from one at a time to five at a time. (but inherits the other settings from above...if the jcircular class is chained)

jQuery('.jcarouselcontainer.jcircular ul').jcarousel({
                    scroll: 5,
                    wrap: 'circular',
                    animation: 1000

Tag(s): jQuery, slides, jcarousel