Stack Overflow
Stack Overflow

Questions tagged [jquery-easing]

A jQuery plugin to give advanced easing options.

Easing controls how an animation progresses over time by manipulating its acceleration. jQuery has two built-in easing methods: linear and swing.

List of Easing Options

  • def
  • jswing
  • easeInQuad
  • easeOutQuad
  • easeInOutQuad
  • easeInCubic
  • easeOutCubic
  • easeInOutCubic
  • easeInQuart
  • easeOutQuart
  • easeInOutQuart
  • easeInSine
  • easeOutSine
  • easeInOutSine
  • easeInExpo
  • easeOutExpo
  • easeInOutExpo
  • easeInQuint
  • easeOutQuint
  • easeInOutQuint
  • easeInCirc
  • easeOutCirc
  • easeInOutCirc
  • easeInElastic
  • easeOutElastic
  • easeInOutElastic
  • easeInBack
  • easeOutBack
  • easeInOutBack
  • easeInBounce
  • easeOutBounce
  • easeInOutBounce
141 questions
2
votes
1 answer

Can speed be defined instead of duration for jQuery animations?

I've this position that is dependent on dynamic value. It makes sense that shorter distance should be animated faster but with appearance of same amount of acceleration (speed). However, in jquery docs I only see a way to define duration which is ok…
Muhammad Umer
  • 17,263
  • 19
  • 97
  • 168
2
votes
1 answer

jQuery easing not working in my animate() call

I have 4 circular buttons located towards the central area on my page. Hovering one of them makes it grow in size, but I want to add some easing/bouncing effect to both the growing and shrinking movements of these buttons. However for some reason…
drake035
  • 3,955
  • 41
  • 119
  • 229
2
votes
1 answer

TypeError: n.easing[this.easing] is not a function jQuery not working

I'm developing this website: http://www.siraryf.com and there is a problem in the responsive version for mobile phones. jQuery works good in normal version but for mobile phones stop working and then TypeError: n.easing[this.easing] is not a…
JesseRutherford
  • 21
  • 2
2
votes
0 answers

jquery animate left position firefox with jquery.easing plugin not correct

I have 3 absolute positioned containers inside a wrapper that I am animating with jQuery. My animation function: function slideContainer(container, easing, offset){ direction = (container.hasClass('out')) ? '+' : '-'; //margin =…
gebeer
  • 703
  • 6
  • 8
2
votes
3 answers

jQuery Smooth Horizontal Scroll

I've created a long horizontal page and using anchors to navigate to section's within the page. I added a jQuery smooth scrolling function but it's not taking affect? Here's the navigation:
2
votes
1 answer

Break one jQuery Easing plugin animation into two (left + right)?

I have this code in which jQuery Easing plugin is being used to switch between Testimonials. This code can be seen here (go to Testimonials section): http://jsfiddle.net/ahmadka/3hkwz/ When you open the Testimonials section, you'll see 2 buttons at…
Ahmad
  • 12,886
  • 30
  • 93
  • 146
2
votes
3 answers

jQuery easing of an image not working

For whatever reason I cannot get the easing to work on some images. The browser just loads them instantly without easing. What I'm trying to accomplish is so that the side images slide from the bottom to it's position and the middle image slides…
Alex Kushner
  • 31
  • 3
2
votes
0 answers

JQuery animate() with easing plugin

SOLVED Thanks everyone for help inccorrect path to plugin is so unnecessary error... Hi I have problem with using JQuery easing plugin with animate() function in Jquery. I am searching on web and I not found solution yet. My code is working with…
Severe Torture
  • 319
  • 5
  • 26
2
votes
1 answer

How do I check if a specific jquery-easing method is defined?

I have a jQuery plugin. One of the options is what easing method to use for animations. I want to be able to check if the easing method is defined, before I go on and call the $.animate(...) function with the specified easing method. Like so: var…
Zia Ur Rehman
  • 1,141
  • 2
  • 11
  • 20
2
votes
0 answers

jQuery scroll to using the scroll wheel

So I'm attempting to grasp the beginning of how to get a function working beyond just seeing plugins do what I ask. For example this plugin does a "jump to" upon clicking those div links in the nav. What I'd like is when you get to a certain part of…
Will J
  • 79
  • 1
  • 10
2
votes
2 answers

How to add easing effect on jquery .css function?

How do you add the Jquery easing effects to your jquery script when using .CSS functions? For example in this other line i made it work, but i can't make it work with .CSS i am using the jquery easing library $("#map").animate({height:300},1000,…
Fruxelot
  • 551
  • 2
  • 8
  • 23
1
vote
2 answers

JavaScript -Change CSS color for 5 seconds - How to add easing effect?

With the reference to this question:- JavaScript -Change CSS color for 5 seconds Working demo of the answer:- http://jsfiddle.net/maniator/dG2ks/ I need to know how i can add an easing effect to it, so that slowly and slowly color get 100% opaque…
Django Anonymous
  • 2,987
  • 16
  • 58
  • 106
1
vote
3 answers

Jquery code works on JsFiddle, but not on my computer anymore

I have a little problem and got tired of trying to solve it. The jQuery easing code works perfectly on jsfiddle, but doesn't work on my testing server on the localhost anymore. When I remove the jQuery easing effect, things go back to normal and the…
Digital site
  • 4,431
  • 12
  • 48
  • 72
1
vote
1 answer

How to use easing with Jquery dialog widget

I'm using the jquery dialog widget in the jquery UI to show a form in a modal dialog. I would like to customize the animation, but I don't see anything in the options other than specifying the effect by name. For example: $( ".selector" ).dialog({…
deb
  • 12,326
  • 21
  • 67
  • 86
1
vote
1 answer

jQuery Custom Easing Plugin with .animate

I'm using a jQuery plugin for custom Easing (jQuery Easing v1.3 -http://gsgd.co.uk/sandbox/jquery/easing/) to add custom easing to my jQuery Tools scrollable instances like so: $(".historyScrollable").scrollable({…
Keefer
  • 2,269
  • 7
  • 33
  • 50
1 2
3
…
9 10