jQuery Infinity Carousel

Boilerplate for creating a full-width repeatable slideshow.

Demo

Codepen

TODO

• Make it a plugin

Dependencies

• jQuery
• Modernizr test for csstransforms3d
• Sass is optional

Usage

Instantiate the carousel with the following:

$(function(){     $('.infinity-carousel').each(function() {         infinityCarousel.apply( this );     }); });

This type of slideshow is only practical for slideshows that have enough slides to warrant repeating.

Required files

css/infinityCarousel.css` js/infinityCarousel.js` index.html 

Recommended files

The sass file scss/infinityCarousel.scss contains variables for easier style configuration.