Floating Carousel Demos

Default settings:

var carouselDefault = new floatingCarousel('#carousel-default');

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

var carouselAutoscroll = new floatingCarousel('#carousel-autoscroll', {
   autoScroll : true,
   autoScrollDirection : 'right',
   autoScrollSpeed : 20000,
   scrollSpeed : 'fast'
});

Vertical carousel (using divs):

var carouselVertical = new floatingCarousel('#carousel-vertical', {
   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);
}));