A11Y Slider Demo

„A slider carousel that is fully accessible”

npmjs.comrepositorydemo SCSS

© wanjapflueger in 2021

        
import { Slider } from '@wanjapflueger/a11y-slider';

const slider = new Slider();
slider.Create({
  arrows: true,
  caption: 'Slider without styles',
  drag: true,
  lang: 'de',
  autoplay: 5000,
  pagination: true,
  slideBy: 1,
  slides: document.getElementById('slider')
});
      

Without styles

1.) Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ab nostrum ducimus voluptas officia assumenda earum neque illum, recusandae totam sequi deleniti dolor itaque ex est cumque quidem? At, ad?
2.) Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ab nostrum ducimus voluptas officia assumenda earum neque illum, recusandae totam sequi deleniti dolor itaque ex est cumque quidem? At, ad?
3.) Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ab nostrum ducimus voluptas officia assumenda earum neque illum, recusandae totam sequi deleniti dolor itaque ex est cumque quidem? At, ad?
4.) Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ab nostrum ducimus voluptas officia assumenda earum neque illum, recusandae totam sequi deleniti dolor itaque ex est cumque quidem? At, ad?
5.) Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ab nostrum ducimus voluptas officia assumenda earum neque illum, recusandae totam sequi deleniti dolor itaque ex est cumque quidem? At, ad?
6.) Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ab nostrum ducimus voluptas officia assumenda earum neque illum, recusandae totam sequi deleniti dolor itaque ex est cumque quidem? At, ad?

With example styles