Cleanup the built-in "easing" stuff

[rse@…]

The documentation says that jQuery by default uses a "linear" easing. That's not correct, it by default uses some sort of a "swing" easing based on a trigonometric calculation (which progresses slowly first, then accellerates and then slows down at the end again). Additionally, there is no "linear" easing defined at all in jQuery.easing. Instead the wrong "linear" easing (which is actually the mentioned "swing" easing) is hard-coded and this way not even can be replaced by a plugin. IMHO the hard-coded value should be moved as a definition into jQuery.easing and it also should be not named "linear" but something different. Additionally, the long documented "linear" easing also should be finally provided by default, too. I've prepared a patch against the current jQuery SVN trunk which I'll try to append to this ticket.

[anonymous]

BTW, you'll notice that I've used the "swing" easing as the default in my patch to make the _CODE_ still be 100% backward compatible. But then the docs should not mentioned that jQuery uses "linear". Or the docs can be kept as is and the default should be the "linear" easing. I personally think "linear" should be the default as mentioned, even if it isn't such "nice". But as a default it is fine. And please feel free to come up with a better name instead of "swing" in case you find "swing" not be good enough.

[brandon]

Could you paste the patch in a comment here please. Wrap the code with {{{ brackets.

[Ralf S. Engelschall r]

Here is the patch copy & pasted, but keep in mind that it contains tabs so it will not cleanly apply automatically. I though the file attachment feature worked....

Index: jquery/src/fx/fx.js
===================================================================
--- jquery/src/fx/fx.js (revision 1304)
+++ jquery/src/fx/fx.js (working copy)
@@ -301,7 +301,7 @@
     * @example $("p").animate({
     *   opacity: 'show'
     * }, "slow", "easein");
-    * @desc An example of using an 'easing' function to provide a different style of animation. This will only work if you have a plugin that pr
+    * @desc An example of using an 'easing' function to provide a different style of animation. This will only work if you have a plugin that pr
     *
     * @name animate
     * @type jQuery
@@ -379,7 +379,14 @@
        return opt;
    },
-   easing: {},
+   easing: {
+       linear: function(percentage_elapsed, time_elapsed, value_start, value_difference, time_duration) {
+           return value_start + value_difference * percentage_elapsed;
+       }
+       swing: function(percentage_elapsed, time_elapsed, value_start, value_difference, time_duration) {
+           return value_start + value_difference * ((- Math.cos(percentage_elapsed * Math.PI) / 2) + 0.5);
+       }
+   },
    queue: {},
@@ -558,8 +565,7 @@
                // If the easing function exists, then use it
                z.now = options.easing && jQuery.easing[options.easing] ?
                    jQuery.easing[options.easing](p, n,  firstNum, (lastNum-firstNum), options.duration) :
-                   // else use default linear easing
-                   ((-Math.cos(p*Math.PI)/2) + 0.5) * (lastNum-firstNum) + firstNum;
+                   jQuery.easing["swing"](p, n,  firstNum, (lastNum-firstNum), options.duration);
                // Perform the next step of the animation
                z.a();

[john]

Fixed in SVN rev [1575].

[ah520]

企业电子商务指南 数字寿州寿县门户 金信输送设备 输送机金信 工业流水线自动化流水线电动车流水线 金信输送线输送流水线] 拓野流水线 中国流水线行业网 拓野生产线 金信装配线、装配流水线] 输送设备、输送机 金信生产线生产流水线] 雅龙流水线 雅龙生产线 金信流水线 自动化装配线输送线流水线生产线 增盛流水线 和凯通电动门道闸岗亭 雅龙装配线装配流水线 台州水泵网 装配线装配流水线流水线配件 生产线组装流水线自动化流水线 输送线输送流水线皮带输送线 板链线流水线设备皮带流水线 流水线工业流水线自动化流水线 流水线装配线装配流水线涂装流水线 组装流水线自动化流水线电动车流水线 装配流水线生产流水线电子产品流水线板链线 涂装流水线包装流水线装配线 流水线设备工业流水线皮带流水线 http://www.zjlsx.com.cn/输送线生产线输送流水线 生产流水线 流水线 生产线 输送设备 生产流水线 输送机 输送线 装配线装配流水线