The all purpose, lightweight and highly customisable slider.

$('.your-class-here').super();

// If you don't need to customise anything you can simply create your slider like this

$('.your-class-here').super({
	autoplay: true,
});

// As default autoplay is set to false

$('.your-class-here').super({
	slidesToShow: 2,
});

// Control how many slides you want to show

$('.your-class-here').super({
	slidesToShow: 1,
	slidesToScroll: 1,
	responsive: [
		{
			breakpoint: 600,
			settings: {
				slidesToShow: 2,
				slidesToScroll: 2
			}
		},
		{
			breakpoint: 1200,
			settings: {
			slidesToShow: 3,
			slidesToScroll: 3,
			}
		}
	]
});

// You can customise how your SuperSlider looks at different screen sizes. Note: SuperSlider is mobile-first

$('.your-class-here').super({
	infiniteScroll: false,
});

// As default infinite scroll is set to true

$('.your-class-here').super({
	fadeEffect: true,
});

// Use any fade effect you want instead of transform. As default fade effect is set to false.

$('.your-class-here').super({
	arrows: false,
});

// You can remove navigation buttons. As default navigation is set to true.

$('.your-class-here').super({
	indicator: false,
});

// You can remove indicator buttons. As default indicator is set to true.

$('.your-class-here').super({
	touchSensitivity: 'high',
});

// Control how sensitive you want the dragging to be to trigger changing the slide.