Skip to content

djyde/PureSlider

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 

PureSlider

npm npm npm

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 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.

Used by

License

MIT License

About

A lightweight, no-dependency image slider library

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •