Simple Mootools CSS3 adaptable slider.
JS : js var slider = new uSlider($('myslider'), { effect: 'slide', directionnav: true, centercrop: true });
HTML : ```html
```
Options : * controlnav Boolean * directionnav Boolean * keymove Boolean * resize Boolean * autoslide Boolean * delay Number | Delay of the autoslide * duration Number | Duration of the animation * effect String | 'slide' or 'fade' * transition String | 'quint:out' for more transitions check the transitioncss property in the class * imageclass String | Class name for identify the images to load. * centercrop Boolean | For center-crop images in container, it's necessary include the uSizer Class
Public Methods : * uSlider.back() - Move the slider to previous slide. * uSlider.next() - Move the slider to next slide. * uSlider.move(i) - Move the slider to a specific index.
Events : * uSlider.addEvent('show', function(i, slide){ }); - Fires when the slides change, the first param i is the index for the current slide and the second param slide is the current li element.
Check out the releases changelog.
Released under MIT Licence
A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.
Found a bug in this plugin? Please report it this repository's Github Issues.
blog comments powered by Disqus