2 Replies Latest reply on Mar 30, 2013 3:08 PM by Fjenngard

    edge animate transparency adobe muse

    Fjenngard Level 1

      1. i created animation (lens flare) with .png and transparent stage in adobe edge animate

      2. export .oam out of adobe edge animate

      3. import .oam into adobe muse

      4. upload muse to server

       

      when the animation, placed over the logo (see link), is loading in browser a white box appearing first.

       

      link:

      http://testtype01.businesscatalyst.com/kontakt.html

       

      reload the page, or visit again by clicking the menu (there is a difference)

      on (re)load (or when the first time user is visiting site) a white box appearing, or?

        • 1. Re: edge animate transparency adobe muse
          Fjenngard Level 1

          it's the iframe which flashes white. an iframe will be automaticly generated by placing the .oam file within adobe muse.

          to avoid put the following into the <head> section of any site where u have that problem.

           

          <script type="text/javascript">

          // Prevent variables from being global (function () {  /* 1. Inject CSS which makes iframe invisible */  var div = document.createElement('div'), ref =document.getElementsByTagName('base')[0] ||document.getElementsByTagName('script')[0];  div.innerHTML = '&shy;<style> iframe { visibility: hidden; } </style>';  ref.parentNode.insertBefore(div, ref);   /* 2. When window loads, remove that CSS, making iframe visible again */  window.onload =function() { div.parentNode.removeChild(div); }  })();

          </script>

           

          iframe will only show up if it's fully loaded and without flashing white before. =)

           

          Thanks to Paul Irish and his Surefire DOM Element Insertion and Ryan Seddon and his article on inserting scoped style elements

          • 2. Re: edge animate transparency adobe muse
            Fjenngard Level 1

            paste without the following and it will work!!!

            // Prevent variables from being global