HTML slider logic
npm install uxer-show
This browserify-like module makes a slideshow out of a parent element's children. It works vertically and horizontally.
The only style modifications it makes is to translate the slides. There are no css files (although you can see the demo css in /public). All styles, including transition timing, are for you to decide.
The constructor takes a three params: parent ID, direction ('top' || 'left'), and an starting index. 'left' is for horzintal transitions, 'top' for vertical.
It returns 3 functions: previous(), next(), and goTo(index).
The current element is given css class 'scene'.
See the example below.
to run the demo
git clone email@example.com:NHQ/uxer-show.gitnpm install -g watchify opacd uxer-showopa
watchify is browserify w/ file watching opa is a speedy way to prototype front-end stuff
var show =var prev = documentvar next = documentvar slider =nextprev