jQuery Floating Carousel Plugin Demos

Default settings:


            $('#carousel-default').floatingCarousel();

Autoscroll from left to right with user-triggered scrolling set to 'fast':


            $('#carousel-autoscroll').floatingCarousel({

               autoScroll : true,

               autoScrollDirection : 'right',

               autoScrollSpeed : 20000,

               scrollSpeed : 'fast'

            });

Vertical carousel (using divs):


            $('#carousel-vertical').floatingCarousel({

               scrollerAlignment : 'vertical'

            });

Responsive carousel implementation using jQuery Throttle/Debounce plugin:


            var opts = {

                  autoScroll : true,

                  autoScrollSpeed : 20000

               };

            var responsiveCarousel = $('#carousel-responsive').floatingCarousel(opts);

            

            $(window).resize($.debounce(100, function () {

               responsiveCarousel.update(opts);

            }));