4 Replies Latest reply on Apr 9, 2013 11:20 PM by OLI03

    Problems displaying edge animation in a multiple composition page

    Lorena_Bogard Level 1

      Hi, I'm tying to make a responsive html page using Adobe Reflow including two boxes with diferent animation (see. box3 and box4 in script),

      when i display them seperatly (making comment on the calls) they work just fine, but when i try to display them at the same time they don't shows up in the browser.

      Can somebody tell me what i'm doing wrong?

       

      <!DOCTYPE html>

      <html style="height:100%;">

      <head>

          <link href="images/banners/elclub/slider_esqueleto/assets/boilerplate.css" rel="stylesheet" />

          <link href="images/banners/elclub/slider_esqueleto/assets/reflow.css" rel="stylesheet" />

          <meta charset="utf-8" />

          <meta content="initial-scale = 1.0,maximum-scale = 1.0" name="viewport" />

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

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

          <title>Club Joven</title>

      <!--Adobe Edge Runtime-->

       

      <script type="text/javascript" charset="utf-8" src="images/banners/elclub/logo_animado/logo_banner_edgePreload.js"></script> <!-- animation to box3 -->

             <script type="text/javascript" charset="utf-8" src="images/banners/elclub/foto_slides_club_joven/fotos_club_joven_edgePreload.js"></scri pt> <!-- animation to box4 -->

          <style>       

              .edgeLoad-EDGE-logo-animado { visibility:hidden; } <!-- animation to box3 -->

              .edgeLoad-EDGE-fotos-club-joven { visibility:hidden; } <!-- animation to box4 -->

              }

          </style>

         

      <!--Adobe Edge Runtime End-->

       

      <script type="text/javascript">var __adobewebfontsappname__ = "reflow"</script><link href="http://use.edgefonts.net/c/ef9113/days-one:n4.Wdj:H:2/d" rel="stylesheet" />

      <script src="http://use.edgefonts.net/days-one.js"></script>

      </head>

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

          <div class="primaryContainer clearfix" id="primaryContainer">

          <p id="text1">        VERANO</p>

          <p id="text2">        2013</p>

          <div class="clearfix" id="box1">

              <div class="clearfix" id="box2"> <img class="image" id="image1" src="images/banners/elclub/slider_esqueleto/assets/img/Cabezera Club Joven Tarifa.png" /></div>

              <div class="clearfix" id="box3"><div id="Stage_logo" class="EDGE-logo-animado" /></div>   

              <div class="clearfix" id="box4"><div id="Stage_fotos_joven" class="EDGE-fotos-club-joven" /></div>   

                     

              </div>

          </div>

      </div>

      </body>

      </html>