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() {
                        jQuery('.carousel').show();
                    }
});


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