1 Reply Latest reply on Apr 4, 2014 4:52 AM by justincode

    How to make an event driven animation finish its loop before a new one begins

    justincode Level 1

      I have different animations that occur on loops while a different events are firing..

       

      I need to allow for an animation to end before the new one starts.

       

      So below is my code, you can see that when an event fires three animations are told to stop and only one is allowed to play..

       

      What i need is for those events to finish their animated loops before the new animation begins....

       

      //Function to trigger animations when events fire

       

      function playStatus(sym){

          $("#liveStream").bind($.jPlayer.event.ready, function (event) {

           

      //stop irrelevant animations

              sym.getComposition().getStage().getSymbol("waiting").stop("waiting");

              sym.getComposition().getStage().getSymbol("playing").stop("playing");

              sym.getComposition().getStage().getSymbol("paused").stop("paused");


      //play relevant animation

              sym.getComposition().getStage().getSymbol("readyA").play("ready");

          });

      }

       

      How do i tell each irrelevant animation to finish playing before the relevant animation begins.

       

       

      Many thanks

       

      Justin