feat(carousel): add prevent animation option

Author: revolunet

TODO

@@ -17,15 +17,16 @@ Carousel v2:
     Animations:
         ☐ should have some builtin animations
         ☐ should be able to customise animations
-        ☐ animation should occur on slides instead of container
+        ☐ animation should occur on individual slides instead of container
+        ☐ use % instead of pixels
     Bugs:
         ✔ bug when rn-carousel-index change while animation from outside @done (14-01-05 02:19)
         ☐ handle touch cancel
         ✔ initial index position not respected @done (14-01-07 23:51)
     Advanced:
-        ☐ optional cycle
-        ☐ infinite carousels with slide generators
-        ☐ optional auto-slide
+        ☐ optional loop
+        ☐ infinite carousels with slide generators (prev/next+load)
+        ✔ optional auto-slide @done (14-07-24 23:35)
     Tests:
         ✔ setup karma @done (14-01-05 00:15)
     Tooling:

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "angular-carousel",
   "description": "Angular Carousel - Mobile friendly touch carousel for AngularJS",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "homepage": "http://revolunet.github.com/angular-carousel",
   "author": "Julien Bouquillon <julien@revolunet.com>",
   "repository": {

dist/angular-carousel.css

@@ -2,7 +2,9 @@
 /* general */
 .rn-carousel-container {
   overflow: hidden;
-  position: relative; }
+  position: relative;
+  -ms-touch-action: none;
+  touch-action: none; }
 
 .rn-carousel-slides {
   -webkit-transform: translate3d(0, 0, 0);

dist/angular-carousel.js

@@ -1,6 +1,6 @@
 /**
  * Angular Carousel - Mobile friendly touch carousel for AngularJS
- * @version v0.2.3 - 2014-07-21
+ * @version v0.2.4 - 2014-07-25
  * @link http://revolunet.github.com/angular-carousel
  * @author Julien Bouquillon <julien@revolunet.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT
@@ -197,6 +197,7 @@ angular.module('angular-carousel').run(['$templateCache', function($templateCach
                         destination,
                         slidesCount = 0,
                         swipeMoved = false,
+                        animOnIndexChange = true,
                         // javascript based animation easing
                         timestamp;
 
@@ -214,11 +215,17 @@ angular.module('angular-carousel').run(['$templateCache', function($templateCach
                         scope.$watch('indicatorIndex', function(newValue) {
                             goToSlide(newValue, true);
                         });
+
+                    }
+
+                    if (angular.isDefined(iAttributes.rnCarouselPreventAnimation)) {
+                        animOnIndexChange = false;
                     }
 
                     scope.$watch('carouselExposedIndex', function(newValue) {
                         goToSlide(newValue, true);
                     });
+
                     // enable carousel indicator
                     if (angular.isDefined(iAttributes.rnCarouselIndicator)) {
                         var indicator = $compile("<div id='carousel-" + carouselId +"-indicator' index='indicatorIndex' items='carouselIndicatorArray' rn-carousel-indicators class='rn-carousel-indicator'></div>")(scope);
@@ -256,7 +263,7 @@ angular.module('angular-carousel').run(['$templateCache', function($templateCach
                                         newValue = 0;
                                         updateParentIndex(newValue);
                                     }
-                                    goToSlide(newValue, true);
+                                    goToSlide(newValue, animOnIndexChange);
                                 }
                             });
                             isIndexBound = true;