How to use

JS : js var slider = new uSlider($('myslider'), { effect: 'slide', directionnav: true, centercrop: true });

HTML : ```html

```

Examples

• Basic usage
• Advanced usage

Screenshot

Reference

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.

History

Check out the releases changelog.

License

Released under MIT Licence

Screenshots

Discuss

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.