Skip to content

Minimalist, vanilla, lightweight and responsive slider plugin

Notifications You must be signed in to change notification settings

gsantiago/proton-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Proton Slider

Build Status Code Climate js-standard-style

Minimalist, vanilla, lightweight and responsive slider plugin


Proton Slider is a free slider plugin for JavaScript. It doesn't depend on jQuery or any external library. You just need a modern browser to run it.

For examples and docs, check out its official website.

Installation

TODO

Usage

Include the proton.css and proton.min.js in your page.

Create a simple markup like the following (the CSS classes doesn't matter):

<div class="my-slider">
  <div class="my-cell">...</div>
  <div class="my-cell">...</div>
  <div class="my-cell">...</div>
</div>

Then, just create a new Proton instance:

var slider = new Proton('.my-slider', {
  /* options */
})

Options

List of available options:

Tests

Install Gulp globally:

npm install gulp -g

Then, install all Proton's dependencies:

npm install

After that, just run npm test or gulp test.

If you want to test in another browser than PhantomJS, just open the file proton/test/index.html in your chosen browser.

Contribute

TODO

Changelog

TODO

About

Minimalist, vanilla, lightweight and responsive slider plugin

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages