uSlider 1.2

Simple Mootools CSS3 adaptable slider.



Details

Author
Jose Luis Quintana
Current version
1.2
GitHub
joseluisq/uslider
Downloads
1167
Category
Interface
Tags
Report
GitHub Issues

Releases


How to use

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

HTML : ```html

  • 8162601499_3926d3bd5e_c.jpg
  • 8162638266_6a28e0526a_c.jpg
  • 8162653194_5a2d6d8fc4_c.jpg
  • 8162630593_1c77bfc9b7_c.jpg

```



Screenshot

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.

blog comments powered by Disqus