AngularJS Touch Carousel
This is a simple carousel implementation for AngularJS ng-repeats, optimised for mobile devices.
Comments and contributions welcome :)
Proudly brought to you by the @revolunet team.
Add a dependency to
angular-carousel module in your application.
Then, just add a
rn-carousel attribute to your
<ul> block and your
<li>'s become magically swipable ;)
Of course, include
angular-carousel.css in your project.
- Mobile friendly, tested on webkit+firefox
- CSS 3D trasnformations with GPU accel
rn-carousel-indextwo way binding to control the carousel position, see demo page.
rn-carousel-indicator='true'to turn on the indicator, see demo page.
- moar tests :)
- perfs improvements
cancel swipe if too short indicator index two way binding
- optional auto-slide
- buffer slides (3) to reduce DOM size and allow dynamic add/remove of slides (inifinite scroll)
- Thanks @ganarajpr @bennadel and angular folks for all the tips :)
As AngularJS itself, this module is released under the permissive MIT license. Your contributions are always welcome.