Pause an animation?

Board index » YUI 2.x: » Using YUI 2.x Components

Page 1 of 1

[ 5 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

Josh Lizarraga

YUI Contributor

Username: jlizarraga
Joined: Tue Jan 27, 2009 12:12 pm
Posts: 72
Location: San Diego, CA
Twitter: freshcutsd
GitHub: jlizarraga
Gists: jlizarraga

Pause an animation?

Posted: Thu Aug 06, 2009 4:24 pm

+0-

Hi all,

Is it possible to pause an animation and then restart it later?

Thanks!

Dav Glass

Username: davglass
Joined: Thu Aug 28, 2008 9:28 am
Posts: 2088
Location: Marion, IL, US
Twitter: davglass
GitHub: davglass
Gists: davglass
IRC: davglass

Tags:

animation

Re: Pause an animation?

Posted: Fri Aug 07, 2009 8:28 am

+0-

In 2.x you can't pause it, you have to stop it and then animate it again. However at that point it will start from the beginning. You can just rebuild the Anim config again and pass it to the instance before you animate it again..

Does that help?

Josh Lizarraga

YUI Contributor

Username: jlizarraga
Joined: Tue Jan 27, 2009 12:12 pm
Posts: 72
Location: San Diego, CA
Twitter: freshcutsd
GitHub: jlizarraga
Gists: jlizarraga

Tags:

animation

Re: Pause an animation?

Posted: Fri Aug 07, 2009 9:45 am

+0-

Yes! Thank you.

I used totalFrames - currentFrame to get the remaining frames, then used that to reanimate.

Joval b.

Username: ybh77
Joined: Sun Aug 16, 2009 9:20 am
Posts: 7

Tags:

animation

Re: Pause an animation?

Posted: Mon Aug 17, 2009 10:59 pm

+0-

Hi,
How do you rebuild the config and pass it to the instance?

Josh Lizarraga

YUI Contributor

Username: jlizarraga
Joined: Tue Jan 27, 2009 12:12 pm
Posts: 72
Location: San Diego, CA
Twitter: freshcutsd
GitHub: jlizarraga
Gists: jlizarraga

Tags:

Re: Pause an animation?

Posted: Tue Aug 18, 2009 10:24 am

+0-

Keep track of the duration of the animation in a variable:

Code:

var oAnimTime = 10; // Seconds.

Then use the onComplete event to rebuild oAnimTime if the animation is paused:

Code:

var oAnim = new YAHOO.util.Anim(oTarget, {
      top: { to: 0 }
   }, oAnimTime, YAHOO.util.Easing.easeNone);
oAnim.onComplete.subscribe(function(){
   if(oSomeFlagThatDeterminesIfAnimWasPaused){
      oAnimTime = (oAnim.totalFrames - oAnim.currentFrame)/1000; // Divided by 1000 to get seconds.
   }
});

So when you rebuild the animation, oAnimTime is how many seconds were left instead of 10 seconds.

Page 1 of 1

[ 5 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum