Forum Documentation Showcase Pricing Learn more

Animation Only When Previous Animations is Complete


#1

I have an animation in an event for a modal to fade in and out with user activity. How can I stop it firing repeatedly causing it to flicker? I really want to be able to say trigger only when previous animation is complete.


#2

you could add a pause for the same amount of time as the previous animation.


#3

Darn. Just tried that. The events seems to be queued so they just keep firing, just delayed.


#4

i find the animation library temperamental, ask yourself if you really need this quirk.
doesnt seem to provide user with any valuable feedback.


#5

Animations are never really necessary are they?. But this app does need to look very cool and slick so I’d like to find a way. I actually have a plugin on the same page, triggered by the same source that uses:

$(".element").fadeIn();

And that works just fine. So maybe I’ll try and create a little plugin just for the fade in and out.

But thanks for the suggestion Beau, I was hoping that would work.


#6

it can work. you just have to do some extraaas
set a state for when animation is in progress, have the pause, then change state to animation finished. only animate again if current state isnt animating.
if that makes sense fbhjdksjfkdhds


#7

It does. I’ll try that. Thx.


#8

Good tip, @Beau. Bubble is kinda begging for a new animation plugin though, y’know?