[](https://travis-ci.org/IvanGrimes/slippery/)
[](https://github.com/IvanGrimes/slippery)
[](https://github.com/IvanGrimes/slippery)
# Slippery 1.2.1
### A Pure Javascript slider.
### [Demo](https://codepen.io/IvanGrimes/pen/XPrWMJ)
### [Read full documentation](https://ivangrimes.github.io/slippery/)
## Getting started
Slippery has a few methods to connect to your project: CDN, npm or downloading latest release.
### CDN
For using slippery with CDN you need to include CSS in your ```` tag.
##### Instead **x.x.x** in slippery@**x.x.x** put version from the top readme.
```html
```
Also needed inclusion Javascript before closing ```` tag.
```html
```
### npm
Firstly install slippery package from npm.
```
npm i -D slippery
```
#### Include Javascript
##### If you're using Webpack
In your Javascript file import slippery.
```javascript
import Slippery from 'slippery';
```
##### If you're not using Javascript bundler.
Then move slippery.min.js from directory /node_modules/slippery/dist/js/ in your project folder.
Include this one before closing ```` tag
```html
```
#### Include CSS
##### If you're Sass/SCSS or another CSS preprocessor.
Import slippery.min.css in your Sass/SCSS file using ``@import``.
```scss
@import "/node_modules/slippery/dist/css/slippery.min.css"
```
If you're using another preprocessor, use equivalent of it.
##### If you're not using CSS preprocessor.
Then just include slippery.min.css inside of ```` tag.
```html
```
### Release
If you don't want to use CDN and you don't use npm, then you need to download latest release
from [Releases](https://github.com/IvanGrimes/slippery/releases).
After that unpack archive and move CSS/JS files from slippery-x.x.x/dist/ to where you want to.
Finally include slippery.min.css inside ```` tag.
```html
```
Also include slippery.min.js before closing **** tag.
```html
```
## Using
### HTML Markup
```html
Slide 1
Slide 2
Slide 3
```
After including slippery with one of methods and adding HTML markup.
Initialize slippery instance in your Javascript file or inside ``