stylie.slideshows
A very simple (framework independent) 100% width HTML slider that scales down to mobile. Added Touch & Swipe Support. Inspired by Responsive full width slideshow
Example
Check out example/index.html
, the example javascript for the example page is resources/js/example_src.js
Installation
$ npm install stylie.slideshows
The full width slideshow component is a browserified javascript module.
Usage
JavaScript
var fullWidthSlideshow = mySlideshow;//initialize nav component after the dom has loadedwindow;
HTML
Your Page slideshow slide 1, this can be any html slideshow slide 2, anything can go here slideshow slide 3 <!-- /content --> <!-- /tabs -->
API
mySlideshow; //jump to slideshow at slide '3'mySlideshow; //jump to next slide
Development
Make sure you have grunt installed
$ npm install -g grunt-cli
Then run grunt watch
$ grunt watch
For generating documentation
$ grunt doc
$ jsdoc2md lib/**/*.js index.js > doc/api.md
Notes
- The Tab Module uses Node's event Emitter for event handling.
- The Template Generator uses EJS, but you can generate your own mark up
- The less file is located in
resources/stylesheets