cyprich.com

By

How to Create a Loop in Adobe Edge Animate

There is no built-in function in Adobe Edge Animate (Preview 7) to create a loop to repeat an animation. This is useful for ads that need to repeat content.

You can create a loop using JavaScript with the following steps:

  1. Move the timeline marker to the end of the animation (see below).
  2. Insert a trigger (press Timeline on menu bar and select Insert Trigger).
  3. Enter this.play (0); below function(sym, e).

Adding a loop to an animated in Adobe Edge Animate.

You can’t preview the looping in Edge Animate, but it does work in a web browser.

34 Responses to How to Create a Loop in Adobe Edge Animate

  1. Tom Bradshaw says:

    This doesn’t work for me, I’ve done exactly what it says . Am I going crazy?!

  2. Lis says:

    Didn’t work for me either.

    • Muhammad says:

      June 28, 2011Thank you for making my stneduts have access to your site post. Your kindness is actually greatly appreciated. I’ve some ongoing projects and I wanted them to assist me with it. The only way they were able to accomplish that was carry out some study on the internet so as to help make my work faster. They came across your site as well as content on it, in particular this blog post, seriously helped them to get good conclusions on what we needed to conduct. Of course, I will keep visit the site for fresh updates on this major and other issues of interest.

  3. Don’t put in the vertical bar symbol | . Then it will work.

  4. Frank says:

    Totally worked for me…thanks!

  5. Lynda says:

    Worked for me – thanks!

  6. Sona says:

    You are a star! You are the only person who happens to mention that you cannot see the loop in EdgeAnimate but you can in a browser! Being unaware of this is the key reason, I think, why people have this problem. Thank you very much.

  7. Simone says:

    Thank you that helped me a lot!

  8. Travis says:

    Awesome, this really helped me out.

  9. Jan says:

    worked just fine. rare post, easy solution. thanks

  10. Selcuk Cura says:

    Thank you, it works like a charm.

  11. Mike says:

    AWESOME!!! Thanks!!

  12. Mike K says:

    I have tried to make it loop X number of times but cannot get THAT to work. Is there a simple solution? Some variation of this?

    for (i=0;i<5; i++) {
    sym.play(0);
    }

  13. AK says:

    It worked! Thank you for posting! 🙂

  14. Huang says:

    I have a looping animation that needs to delay a few minutes when it reaches its end possition, before it starts over again.
    Does someone know how may I accomplish this?
    Thanks in advance!!

  15. David says:

    Thanks for the tutorial! I’m making a banner in Edge which includes a windmill symbol with rotating blades that loops, the rest of the sequence doesn’t, and it works perfectly.

  16. Dudu says:

    Dude, awesome!!

  17. Pingback: Step by step for Deleytha’s Website Welcome Page | Inspired Ideas

  18. Stéphane says:

    Thanks, it perfectly worked here.
    Pour les francophones, aller dans Scénario/Insérer un déclencheur et saisir ou coller le bout de code là où c’est demandé dans la fenêtre qui s’ouvre, fermer avec la croix (pas de Valider ou Accepter) puis enregistrer. Plus qu’à glisser le fichier .htm sur le navigateur et ça marche tout seul !
    I just can’t understand why Adobe didn’t integrate such a basic and useful function in Edge Animate at first place, that’s crazy ! It’s so obvious. Even Photoshop includes it for it’s Gif ! Most of the works done in Edge Animate is just useless in so many case without that little piece of code !

  19. Anna says:

    Works! Thanks a lot 🙂

  20. liz med says:

    Thank you, it works perfect for me!!!! : )
    Muchas gracias, funcionó perfecto!!! : )

  21. DrCatcher says:

    Well done and thanks.. works nice

  22. Osei says:

    Not working, did as instructed…

  23. Rob says:

    I spend a long time trying to figure it out but nothing worked for me. This, on the other hand, worked like a charm! Thanks a ton!

  24. Dmitry says:

    Thank you very much for such an easy and completely reliable way for getting the loop action!

  25. Hi, thanks a lot for the solution, really works fine!. I’m so glad!. Greetings from Chile.

  26. swag says:

    works fine for me

  27. Zia says:

    Thanks, still works fine!

  28. Rosco says:

    How can i stop after (for example) 5 seconds this loop?

    plase help me

  29. max says:

    Thanks for posting this, works great for me!

  30. rockstar says:

    If it doesn’t work you haven’t done it right

  31. ddub says:

    Wow! After hours of nothing, this worked in seconds!!!!! Thanx a million!!!!!

  32. Peterson Umoke says:

    a more preferred options to press the go the code( Ctrl + E) and click on the stage, then look for timeline, click on it and look for timeline complete, then click on it.

    Then you insert this code just below function(sym,e)…. Adjust as needed
    // insert code to be run at timeline end here
    this.play(0);

Leave a Reply

Your email address will not be published. Required fields are marked *