A lightweight, no-dependency image slider library.

http://djyde.github.io/PureSlider

CommonJS:

$ npm install pureslider

Browser:

Import the dist/pureslider.dist.js and link the dist/pureslider.css.

<div id="pure-slider">
  <div class="ps-item">
    <img src="foo.jpg" >
  </div>
  <div class="ps-item">
    <img src="foo.jpg" >
  </div>
  <div class="ps-item">
    <img src="foo.jpg" >
  </div>
  <div class="ps-item">
    <img src="foo.jpg" >
  </div>
</div>

import 'pureslider/src/pureslider.css' // Or any other way linking the stylesheet

import PureSlider from 'pureslider'

const slider = new PureSlider({ /** options **/ })

slider.slide() // start the slider

options:

I made PureSlider because I found that there aren't many image slider libraries I can use without jQuery. Note there is only one action mode right now, so pull requests are very welcome. Let's make PureSlider a good choice for staying independent from jQuery.

MIT License