js-slider
Native JavaScript Slider
Example - https://muskos.github.io/js-slider/
Browser support - chrome, ff, edge, opera, ie11
let caseSliderContainer = document.getElementById('jsSlider'),
caseSliderContainer2 = document.getElementById('jsSlider2');
new Slider(caseSliderContainer);
new Slider(caseSliderContainer2);
Settings
Parameter | Type | Default Value | Example | Description |
---|---|---|---|---|
buttons | object | next: { classname: 'next' }, prev: { classname: 'prev' } | Set classname for button | |
counts | object | desktop: { width: 1024, count: 3 }, tablet: { width: 768, count: 3 }, mobile: { width: 400, count: 1 }, | Count of slide in view (on desktop, tablet and mobile) | |
slidesToScroll | string | auto | 123 | # of slides to scroll at a time auto = count of slides in view any other variable - one slide |