Skip to content

Muskos/js-slider

Repository files navigation

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