pureslider

Light-weight and no-dependency javascript slider.

Usage no npm install needed!

<script type="module">
  import pureslider from 'https://cdn.skypack.dev/pureslider';
</script>

README

PureSlider

A lightweight, no-dependency image slider library.

Demo

http://djyde.github.io/PureSlider

Install

CommonJS:

$ npm install pureslider

Browser:

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

Usage

<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

API

PureSlider([,options])

options:

key default
actionMode fade
duration 2000

PureSlider.slide()

Contribution

I make PureSlider is because I found that there is little image slider library I can use without jQuery. I just throw a brick in order to get a gem(notice that there is only one action mode yet). So contribution is very welcome. Let make PureSlider to be a good choice independent from jQuery.

Used by

License

MIT License