onRollOver to only start anim not pause it when I move my mouse multiple times.

[TheJoostie]

Hey,

 

I've had to create a banner that plays an animation when the user mouses over a particular part of the banner. I've got the first part working using:

 

onRollOver = function()
{
TweenLite.delayedCall(0,anim3);
TweenLite.to(strobing_corner, 0.75,{_alpha:0});
}

 

Now the problem comes in when I start the animation by mousing over the banner then moving the mouse away and then over it again which pauses the animation for a little bit before it continues again.

 

Is there a way for me to use the above code to only be effective once and stop it interupting the animation every time a user mouses over the banner until anim3 is done?

 

Thanks for your help

[konstantinos]

Hello!

 

One idea is to make a boolean variable (false at the begging) and when the animation starts is going to be true. Like this...

 

 

 

var isStarted:Boolean=false;


onRollOver = function()
{
    if(!isStarted){
	 TweenLite.delayedCall(0,anim3);
        TweenLite.to(strobing_corner, 0.75,{_alpha:0});
			  isStarted=true;
   }
}

 

this is just one idea. I dont know if someone else have another proposal.

[TheJoostie]

Amazing, thanks very much for that, konstantinos! It works perfectly now.

 

Thanks again