easing option for slide

achesco · Jul 31, 2015 · e54ffb8 · e54ffb8
1 parent 39a8cfe
commit e54ffb8
Show file tree

Hide file tree

Showing 8 changed files with 44 additions and 37 deletions.
diff --git a/README.md b/README.md
@@ -65,6 +65,7 @@ Available through `$.fn.slideprojector.defaults`. For instance to set default an
 
 * `{Number} [basicZIndex=0]` Basic CSS z-index property value for slide items
 * `{Number} [animationZIndex=1]` z-index value to set during slide animation to make new slide ontop of current one
+* `{String} [easing='swing']` Animation easing equation name for jQuery.animate. `'swing'`, `'linear'` available.
 
 #### poproll
 

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "slideprojector",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "homepage": "https://github.com/achesco/SlideProjector",
   "authors": [
     "Anton Lysenko <[email protected]>"

diff --git a/dist/jquery.slideprojector.full.js b/dist/jquery.slideprojector.full.js
@@ -566,7 +566,8 @@
         getImplementationDefaults: function () {
             return {
                 basicZIndex: 0,
-                animationZIndex: 1
+                animationZIndex: 1,
+                easing: 'swing'
             };
         },
 
@@ -586,16 +587,17 @@
                 })
                 .removeClass(this.options.hiddenClassName)
                 .animate({
-                    left: 0
-                }, {
-                    queue: false,
-                    duration: this.options.duration,
-                    complete: function () {
-                        newItem.css('zIndex', this.implOptions.basicZIndex);
-                        item.addClass(this.options.hiddenClassName);
-                        this.inProgress = false;
-                    }.bind(this)
-                });
+                        left: '0%'
+                    }, {
+                        queue: false,
+                        easing: this.implOptions.easing,
+                        duration: this.options.duration,
+                        complete: function () {
+                            newItem.css('zIndex', this.implOptions.basicZIndex);
+                            item.addClass(this.options.hiddenClassName);
+                            this.inProgress = false;
+                        }.bind(this)
+                    });
         }
     });
 

diff --git a/dist/jquery.slideprojector.slide.js b/dist/jquery.slideprojector.slide.js
@@ -22,7 +22,8 @@
         getImplementationDefaults: function () {
             return {
                 basicZIndex: 0,
-                animationZIndex: 1
+                animationZIndex: 1,
+                easing: 'swing'
             };
         },
 
@@ -42,16 +43,17 @@
                 })
                 .removeClass(this.options.hiddenClassName)
                 .animate({
-                    left: 0
-                }, {
-                    queue: false,
-                    duration: this.options.duration,
-                    complete: function () {
-                        newItem.css('zIndex', this.implOptions.basicZIndex);
-                        item.addClass(this.options.hiddenClassName);
-                        this.inProgress = false;
-                    }.bind(this)
-                });
+                        left: '0%'
+                    }, {
+                        queue: false,
+                        easing: this.implOptions.easing,
+                        duration: this.options.duration,
+                        complete: function () {
+                            newItem.css('zIndex', this.implOptions.basicZIndex);
+                            item.addClass(this.options.hiddenClassName);
+                            this.inProgress = false;
+                        }.bind(this)
+                    });
         }
     });
 

diff --git a/dist/min/jquery.slideprojector.full.js b/dist/min/jquery.slideprojector.full.js
diff --git a/dist/min/jquery.slideprojector.slide.js b/dist/min/jquery.slideprojector.slide.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "slideprojector",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "To slide the slides, in different ways",
   "author": "Anton Lysenko <[email protected]>",
   "repository": {

diff --git a/src/slide.js b/src/slide.js
@@ -22,7 +22,8 @@
         getImplementationDefaults: function () {
             return {
                 basicZIndex: 0,
-                animationZIndex: 1
+                animationZIndex: 1,
+                easing: 'swing'
             };
         },
 
@@ -42,16 +43,17 @@
                 })
                 .removeClass(this.options.hiddenClassName)
                 .animate({
-                    left: '0%'
-                }, {
-                    queue: false,
-                    duration: this.options.duration,
-                    complete: function () {
-                        newItem.css('zIndex', this.implOptions.basicZIndex);
-                        item.addClass(this.options.hiddenClassName);
-                        this.inProgress = false;
-                    }.bind(this)
-                });
+                        left: '0%'
+                    }, {
+                        queue: false,
+                        easing: this.implOptions.easing,
+                        duration: this.options.duration,
+                        complete: function () {
+                            newItem.css('zIndex', this.implOptions.basicZIndex);
+                            item.addClass(this.options.hiddenClassName);
+                            this.inProgress = false;
+                        }.bind(this)
+                    });
         }
     });