Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all articles
Browse latest Browse all 9897

2014.1 issue with multiple compositions on page

$
0
0

Since updating, I'm unable to get multiple compositions to work on the same page. I'm using the setup outlined here: http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html#multiplecompositions

 

For some reason, only the first animation I call in AdobeEdge.loadComposition loads at all. The rest don't load and there are no error messages. Here's my .html file setup:

 

<!--Adobe Edge Runtime-->

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

<script type="text/javascript" charset="utf-8" src="/_js/edge/edge_includes/edge.5.0.0.min.js"></script>

 

    <!-- load animations -->

  <style>

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

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

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

    </style>

  <script>

    AdobeEdge.loadComposition('/_js/edge/laptop', 'EDGE-235976427', {

     scaleToFit: "width",

     centerStage: "horizontal",

     minW: "0",

     maxW: "1010px",

     width: "671",

     height: "441"

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

 

 

    AdobeEdge.loadComposition('/_js/edge/about', 'EDGE-124716880', {

  scaleToFit: "width",

  centerStage: "horizontal",

  minW: "0",

  maxW: "1010px",

  width: "1010",

  height: "590"

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

 

 

  AdobeEdge.loadComposition('/_js/edge/personalizedcontent', 'EDGE-124716881', {

  scaleToFit: "width",

  centerStage: "horizontal",

  minW: "0",

  maxW: "1010px",

  width: "1010",

  height: "590"

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

  </script>

<!--Adobe Edge Runtime End-->

 

<div id="Stage-laptop" class="EDGE-235976427"></div>

<div id="Stage-about" class="EDGE-124716880"></div>

<div id="Stage-personalize" class="EDGE-124716881"></div>


Viewing all articles
Browse latest Browse all 9897

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>