A very simple (framework independent) 100% width HTML slider that scales down to mobile. Added Touch & Swipe Support. Inspired by http://tympanus.net/codrops/2013/02/26/full-width-image-slider/
npm install periodicjs.component.full-width-slideshowA very simple (framework independent) 100% width HTML slider that scales down to mobile. Added Touch & Swipe Support. Inspired by Responsive full width slideshow
API Documenation
Check out example/index.html, the example javascript for the example page is resources/js/example_src.js
``
$ npm install periodicjs.component.full-width-slideshow
The full width slideshow component is a browserified javascript module.
JavaScript
`javascript`
var fullWidthSlideshow = require('periodicjs.component.full-width-slideshow'),
mySlideshow;
//initialize nav component after the dom has loaded
window.addEventListener('load',function(){
var tabelement = document.getElementById(tabelement);
mySlideshow = new fullWidthSlideshow({element:'myslideshow'});
});
HTML
`html
##API
javascript
mySlideshow.jump(3); //jump to slideshow at slide '3'
mySlideshow.navigate('next'); //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