PureJSCarousel - Pure JavaScript carousel plugin (touch enabled)
Default
Slide 1 with some looooooooooong and very multiline text
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
Slide 11
Slide 12
Slide 13
Slide 14
Slide 15
Slide 16
Slide 17
Slide 18
var carouselDefault = new PureJSCarousel({
carousel: '#carousel-default',
slide: '.slide'
});
One by one
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
Slide 11
Slide 12
Slide 13
Slide 14
Slide 15
Slide 16
Slide 17
Slide 18
var carouselOneByOne = new PureJSCarousel({
carousel: '#carousel-one-by-one',
slide: '.slide',
oneByOne: true
});
One by one (infinite)
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
Slide 11
Slide 12
Slide 13
Slide 14
Slide 15
Slide 16
Slide 17
Slide 18
var carouselOneByOne = new PureJSCarousel({
carousel: '#carousel-one-by-one-infinite',
slide: '.slide',
oneByOne: true,
infinite: true
});
Infinite
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
Slide 11
Slide 12
Slide 13
Slide 14
Slide 15
Slide 16
Slide 17
Slide 18
var carouselInfinite = new PureJSCarousel({
carousel: '#carousel-infinite',
slide: '.slide',
infinite: true
});
Autoplay
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
Slide 11
Slide 12
Slide 13
Slide 14
Slide 15
Slide 16
Slide 17
Slide 18
var carouselAutoplay = new PureJSCarousel({
carousel: '#carousel-autoplay',
slide: '.slide',
infinite: true,
autoplay: true
});