easing

I'm trying to increment a number inside an element on page. But I need the number to include a comma for the thousandth place value. (e.g. 45,000 not 45000) <script> // Animate the element's value from x to y: $({someValue: 40000}).animate({someValue: 45000}, { duration: 3000, easing:'swing', // can be anything step: function() { // called on every step // Update the element's text with rounded-up value: $('#el').text(Math.round(this.someValue)); } }); </script> <div id="el"></div> How can I increment a number using animate with comma? Tats_innit Working Demo http://jsfiddle.net/4v2wK/ Feel

I've been trying to find a pure JavaScript ease implementation for some hours, but couldn't find any. The ones that came close didn't make any sense. All I could find was bunch of easing functions without implementation. For example, functions like these: function linear(time, begin, change, duration) { return change * time / duration + begin; } function easeInQuad(t) { return t*t }, function easeOutQuad(t) { return t*(2-t) }, One of the things that trouble me is where does fps come in to play? It's directly related to the duration. I've seen no mention of it. How would I implement the above

I would like to achieve the ease effect with Jquery's draggable. But I did not find the option in this plugin. So I was wondering if there are other plugins that have this option - or an easy solution. The effect I am trying to achieve is something this: http://www.fileden.com/files/2009/6/4/2466215/dragease.swf As you can see, upon dragging, the image movement is feeling much smoother because of the easing. I would also like to constraint the dragging to one axis, also need to make it revert back to its place. JQuery's draggable does have this last two options, so thats nice. The example code

What is meant by easing function in the context of animation. It seems that dojo, jquery, silverlight, flex and other UI systems have the notion of easing function. I could not locate a good explanation of easing functions? Can anyone explain the concept of easing functions, or point a good explanation of them, I am interested in the concept not in the specific details of a framework? Is easing strictly used for location or is it general and can be applied to any property of an object? J. Holmes An easing function is usually a function that describes the value of a property given a percentage

I like to create a smooth slowing scroll effect after panning an image in a scrollbox. Just like panning the map in maps.google.com . I'm not sure what type it is, but exactly same behaviour: when dragging the map around with a fast move, it doesn't stop immediately when you release the mouse, but it starts slowing down. Any ideas, components, links or samples? The idea: As per your comment, it should feel like Google Maps and thus while dragging the image, the image should stick to the mouse pointer; no special effects required so far. But at releasing the mouse button, the image needs to