edge animate transparency adobe muse
1. created animation (lens flare) .png , transparent stage in adobe edge animate
2. export .oam out of adobe edge animate
3. import .oam adobe muse
4. upload muse server
when animation, placed on logo (see link), loading in browser white box appearing first.
link:
http://testtype01.businesscatalyst.com/kontakt.html
reload page or visit again clicking menu (there difference)
on (re)load (or when first time user visiting site) white box appearing, or?
it's iframe flashes white. iframe automaticly generated placing .oam file within adobe muse.
to avoid put following <head> section of site u have problem.
<script type="text/javascript">
// prevent variables being global (function () { /* 1. inject css makes iframe invisible */ var div = document.createelement('div'), ref=document.getelementsbytagname('base')[0]||document.getelementsbytagname('script')[0]; div.innerhtml = '­<style> iframe { visibility: hidden; } </style>'; ref.parentnode.insertbefore(div, ref); /* 2. when window loads, remove css, making iframe visible again */ window.onload=function() { div.parentnode.removechild(div); } })();
</script>
iframe show if it's loaded , without flashing white before. =)
thanks paul irish , surefire dom element insertion , ryan seddon , article on inserting scoped style elements
More discussions in Help with using Adobe Muse CC
adobe
Comments
Post a Comment