Submit your widget

carousel - Turn HTML pages into keyboard-navigable slideshows.

Created 3 years ago   Views 4631   downloads 807    Author zeke
View DemoDownload
17
Share |

Carousel

Turn HTML pages into keyboard-navigable slideshows. Designed to be used with browserify.

If jQuery is available, scroll transitions will be animated.



npm install carousel --save

First, check out the demo directory.

Create a simple script to use Carousel:



// pre-browserify.js 
var Carousel = require('carousel');
new Carousel('#slides');

Use browserify to bundle it up for the browser:



npm install browserify -g
browserify pre-browserify.js -o post-browserify.js

Then drop the browserified script into your HTML page and you're good to go.



<script src="post-browserify.js"></script>
 
<ol id="slides">
  <li>a slide</li>
  <li>another slide</li>
  <li>keep on slidin'</li>
<ol>

Visit ba2.herokuapp.com for a working example of Carousel in action, then check out its source on github.



npm install grunt-cli -g
npm install
grunt