3 Replies Latest reply on Apr 16, 2015 3:54 PM by dajupe

    3 animations on one page troubles

    dajupe Level 1

      Hi.

      How are we all today?

      I am attempting to put 3 different animations on the same page.

      I have done two animations on one page in the past

      following the advice of Vivekuma, (thanks mate much appreciated!)

      I have used the technique of combining runtime scripts which works with 2 animations on

      same page. I am no pro coder by a long shot so going by this technique I have attempted

      to combine the three scripts into one. However I am getting a syntax error when doing so.

      I am hoping it will be just one line of code that I am missing something on. Any help

      would be greatly appreciated. I am getting the syntax error on line 66.

      Here is the code below:

       

      I am hoping I am nearly there! Thanks for your time

        • 1. Re: 3 animations on one page troubles
          dajupe Level 1

          the html code injector is not showing up above, so here it is again.

           

          <!--Adobe Edge Runtime-->

          <meta http-equiv="X-UA-Compatible" content="IE=Edge">

          <script>

            var custHtmlRoot="edge_animate_assetts/intro_banner_2/Assets/";

            var script = document.createElement('script');

            script.type= "text/javascript";

          script.src = custHtmlRoot+"edge_includes/edge.5.0.1.min.js";

            var head = document.getElementsByTagName('head')[0], done=false;

            script.onload = script.onreadystatechange = function(){

            if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {

            done=true;

            var opts ={

              scaleToFit: "width",

            bScaleToParent: true,

              centerStage: "width",

              minW: "0",

              maxW: "907px",

              width: "907px",

              height: "364px"

          };

            opts.htmlRoot =custHtmlRoot;

            AdobeEdge.loadComposition('intro_banner_2', 'EDGE-19102900', opts,

            {"dom":{}}, {"dom":{}});

            script.onload = script.onreadystatechange = null;

            head.removeChild(script);

           

            <!--2nd composition-->

            (function(){

            var custHtmlRoot="edge_animate_assetts/smll_intro_banner/Assets/";

           

            var opts ={

              scaleToFit: "both",

            bScaleToParent: true,

              centerStage: "none",

              minW: "0",

              maxW: "undefined",

              width: "450px",

              height: "350px"

          };

            opts.htmlRoot =custHtmlRoot;

            AdobeEdge.loadComposition('smll_intro_banner', 'EDGE-2100525', opts,

            {"dom":{}}, {"dom":{}});

              })();

            }

            };

            head.removeChild(script);

           

            <!--3rd composition-->

           

            (function(){

            var custHtmlRoot="edge_animate_assetts/intro_banner_med/Assets/";

           

            var opts ={

              scaleToFit: "both",

              centerStage: "none",

              minW: "0",

              maxW: "907px",

              width: "907px",

              height: "364px"

          };

            opts.htmlRoot =custHtmlRoot;

            AdobeEdge.loadComposition('intro_banner_med', 'EDGE-19102900', opts,

            {"dom":{}}, {"dom":{}});

            })();

           

            }

            };

            head.appendChild(script);

            </script>

          <style>

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

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

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

              </style>

          <!--Adobe Edge Runtime End-->

          • 2. Re: 3 animations on one page troubles
            Devendra Kumar Adobe Employee

            Hi Julian,

             

            Please check this blog, this will sure help

             

            Using responsive Edge Animate compositions in Dreamweaver « Adobe Edge Animate Team Blog

             

            Regards,


            Devendra

            • 3. Re: 3 animations on one page troubles
              dajupe Level 1

              Thank you Devendra.

              I will check it out