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.