jQuery Easing Undefined function
jquery,shopify,easing,uncaught-exception
If you dig into the console error it you'll be able to start debugging. It is occurring in your jQuery.easing code: jquery.easing.1.3.js:46 swing: function (x, t, b, c, d) { //alert(jQuery.easing.default); return jQuery.easing[jQuery.easing.def](x, t, b, c, d); } //jQuery.easing.def is undefined It's expecting some default value. If you define jQuery.easing.def...
How to convert Greensock's CustomEase functions to be usable in CreateJS's Tween system?
createjs,tween,easing,greensock,easing-functions
I took the time to port and optimize the original GSAP-based CustomEase class... but due to license restrictions / legal matters (basically a grizzly bear that I do not want to poke with a stick...), posting the ported code would violate it. However, it's fair for my own use. Therefore,...
Reducing an integer using Penner's easing equations
javascript,easing,equation-solving,easing-functions
You should be able to use easeOutQuint() like this (you need to have a maxScore constant, as shown): var getTime = function(score){ var maxTime = 5000, minTime = 750, maxScore = 100; return maxTime + minTime - easeOutQuint(null, score, minTime, maxTime-minTime, maxScore); } We subtract from the sum of minTime...
how to overflow child items from an element in android?
android,easing,nineoldandroids
check out clipChildren and clipToPadding attributes on the parent ViewGroup http://developer.android.com/reference/android/view/ViewGroup.html#attr_android:clipChildren...
Adding linear easing to animation
javascript,jquery,jquery-animate,easing,jquery-easing
You didn't add linear in the demo, and it has to be given as string or it will be considered undefined: var open_height = $("#movement").attr("box_h") + "px"; $("#movement").animate({"height": open_height}, {duration: slideDuration, easing: "linear" }); Updated fiddle...
CSS3 different custom easing for different properties
css,html5,css3,css-animations,easing
For transitions, you could specify multiple transitions by comma-separating those. transition: <duration> <property> <delay> <timing-function>, .... transition: 1s opacity 1s ease-in-out, 1s scale 1s linear; If you want to go the animation/keyframe route, then you could create two animation keyframes. One for scale, and the other for opacity. And then...
toggleClass easing only works on ease out
javascript,css,jquery-ui,user-interface,easing
You are using class hidden which is also a class in bootstrap and its getting styles from it too. Rename the class and it will work. .custom-hidden { width: 0px; overflow: hidden; } button.click(function () { console.log('Hello'); container.toggleClass("custom-hidden", 300, "easeInOutExpo"); } Fiddle...
Slide image with easing
javascript,jquery,css,sliding,easing
As the commenter pointed out - you're missing jQuery from the fiddle which is why it doesn't work. jQuery comes with 2 different easing options out of the box, swing (the default) and linear which as the name suggests is constant. However, there's a really good library for different easing...
Ease data in array to smooth a curve in PHP
Here's a basic way to smooth the points on an "average" basis: <?php $points = [0, 0, 0, 0, 0, 10, 10, 10, 10, 10, 15, 15, 15, 15, 15]; $refined = []; foreach($points as $index => $point) { // make sure we don't divide by 0 $prev = isset($points[$index...
Smooth Scrolling Script broken with newer version of jQuery
It's this line $($.browser.webkit ? 'body' : 'html').stop().animate({ ... jQuery's $.browser was deprecated as early as jQuery 1.3, and finally removed in jQuery 1.9 You can just do this instead $('body, html').stop().animate({ .... FIDDLE...
Easing on Animate Scroll with jQuery
jquery,scroll,jquery-animate,effect,easing
Firstly, include first script from section download on this page:(http://gsgd.co.uk/sandbox/jquery/easing/). Then type jQuery animate line like this below: function myCustomFunction(id){ var divTag = $("div[name='"+ id +"']"); $('html,body').animate({scrollTop: divTag.offset().top}, 800, 'easeOutQuint'); } Here you can see example... http://jsfiddle.net/Gq367/ As you can see, you missed the easing parameter in jquery animate function....
Interpolating a value between two values [closed]
c++,c,math,interpolation,easing
As I said in comment, exponent fits quite well: double mBase = 5; // higher = more "curvy" double minY = pow(mBase, mMin - mBase); double maxY = pow(mBase, mMax - mBase); double scale = (mMax - mMin) / (maxY - minY); double shift = mMin - minY; return pow(mBase,...
Is it possible to add duration and easing to window.scrollTo?
javascript,interactive,scrollto,decision-tree,easing
Try this: Comment out (or delete) window.scrollTo(0, difHigh); line inside the if (difHigh>0) {} clause. Add $('html,body').animate({scrollTop:difHigh},400); instead. JavaScript changes: if (difHigh > 0) { $('html,body').animate({scrollTop:difHigh},400); //window.scrollTo(0, difHigh); } Snippet: $(document).ready(function () { //checks difference between number of rows and ids. If none, guide is complete and code can be...
.switchClass() acts on classes but easing does not occur
The problem is the !important notation in your css rules, which overrides the inline css applied by the animation. .packed { height:0; } .unpacked { height:32px; } Demo: Fiddle Note: If you had any specific reason to use !important, please share them(and recreate the issue using the above fiddle) so...
D3 Elastic easing transition of circle radius causes negative radius to be set
javascript,d3.js,console.log,easing,easing-functions
Check the spec on d3.ease(): elastic(a, p) - simulates an elastic band; may extend slightly beyond 0 and 1. Because the elastic easing overshoots the range [0,1] a little, it is not useful for lengths which must not be negative like radius, width etc. As you already noticed there are...
How to add elastic bounce effect to JQuery Mobile Page?
jquery,html5,css3,jquery-mobile,easing
FancyScroll.js will give an effect like this. But for me iScroll 5 is the best solution at the moment.
Simple easing function in javascript
Here's two you could try: (cos(pi*x) + 1) / 2 Plot on Wolfram Alpha 1 - x^2 Plot on Wolfram Alpha Depending on if you want them to ease out or be steep at the threshold. These are normalized to (0,1), but you can easily scale them to whatever interval...