6 Replies Latest reply on Oct 21, 2014 8:57 PM by TyGeorge

    Insert a edge animation in Joomla?




      I tried to insert a edge animation in Joomla. The only way I found was with a frame. It is not so nice, but it works.


      When I tried to insert the .js in the head just with the help of module, it does not work. Has some body a solution?



      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

      <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>


      <!--Adobe Edge Runtime-->

          <script type="text/javascript" charset="utf-8" src="animation4_edgePreload.js"></script>


              .edgeLoad-EDGE-23323512 { visibility:hidden; }


      <!--Adobe Edge Runtime End-->


      <body style="margin:0;padding:0;height:100%;">

      <div id="Stage" class="EDGE-23323512">



      Thanks a lot


        • 1. Re: Insert a edge animation in Joomla?
          rscampanero Level 1

          try using Sourcerer plugin... follow this link


          • 2. Re: Insert a edge animation in Joomla?
            ejbinkley-cc Level 1

            I realize this post is very old, but I thought I would reply in case someone else stumbles across it like I did.


            I had the same problem bringing an animation into Joomla. I tried the Sourcerer plugin with no results, but in the end the solution was pretty simple.


            1. I created a new directory on my host server called "an" to house all the associated files that Edge created. This directory is at the same level as my images folder, so that I was sure I could put in a relative link in my Joomla code.

            2. Inside "an" directory, I copied my entire Edge project folder, then removed the native "project.an" file. No need to fill up your server space with that.*

            3. In the Joomla article, I wrote out an iframe to the size of my file**, then linked it to the html file inside my project's new directory, like this:

                 <iframe width="600px"height="350px" frameborder="0" src="an/myProject/myProject.html"></iframe>


            * If you are truly concerned about space, you can also use the publish settings in Edge Animate to host your standard runtime files on Adobe CDN. This will save you about 210kb. To do this:

                      File > Publish Settings... > Web > check the box for runtime files on Adobe CDN > Click Publish.

                 Use the files inside the publish/web folder created in this process instead of your original files when you upload to your server.


            ** If you didn't create the animation to the exact size you need, this work-around helped me: Inside Edge Animate, select your stage from the elements or actions panel. In the properties panel, check the box next to "Center Stage" and "Responsive Scaling,"  then use the drop down menus to change the settings on both menus to "both." Save your file, and reupload. This forces a quasi-responsive behavior inside your iframe that makes simple animations scale to fit.


            Hope this helps someone else!

            1 person found this helpful
            • 3. Re: Insert a edge animation in Joomla?
              Preran Adobe Employee

              Hi semicrunch,


              Thank you for posting  your solution. It will definitely benefit others with a similar issue.




              • 4. Re: Insert a edge animation in Joomla?

                How do I create a new directory? Will it be part of the Media Manager folders?

                • 5. Re: Insert a edge animation in Joomla?
                  ejbinkley-cc Level 1

                  I'm not sure how you would do it from Joomla. I just went into the folder that houses all my joomla files (using Finder for mac or Windows for PC) and created a new folder.

                  • 6. Re: Insert a edge animation in Joomla?

                    I love that plugin