Conflits avec Adobe Edge Animate

Question

Mon entreprise cherche à remplacer tout le contenu Flash par des animations HTML5 et Edge semble être une bonne option pour nos employés Flash pour faciliter l'accès au monde HTML5.

C'est le problème que nous avons. Les animations de Flash ont été recréées dans Edge Animate et fonctionnent bien, mais en les plaçant sur la même page (il y a une animation en-tête et en pied de page). Les deux compositions marchent l'une sur l'autre et gâchent la coupure sur l'animation de l'en-tête et du pied de page. Comme une note, ils n'ont pas la même largeur ou hauteur et c'est là que les animations sont les plus problématiques. Les éléments qui ne devraient pas être visibles sont, et je pense que cela a quelque chose à voir avec le découpage. Dans mon bricolage, il semble que les deux compositions marchent l'une sur l'autre et prennent des attributs de l'autre. Si j'enlève l'un d'entre eux, l'autre fonctionnera correctement. Je ne sais pas pourquoi, mais je n'arrive pas à trouver des exemples en plaçant deux compositions séparées dans une seule page. Toute aide serait grandement appréciée, ou même si vous connaissez une bonne ressource pour ce genre de question, je vous serais très reconnaissant.

Answer 1

OK, lorsque vous travaillez avec DIV ID = "stage" vous devrez changer l'un d'entre eux à autre chose, ne vous inquiétez pas, ça ne le dérange pas. Maintenant, vous aurez également à jouer avec le positionnement, afin de le régler correctement à l'endroit où vous voulez qu'il soit.

Exemple, votre 2 Divs agroenvironnemental: stade & mystage

<style type="text/css"> 
#header{ 
position:relative; 
top:5px; 
width:200px; 
} 
#stage{ 
position:relative; 
top:5px; 
width:200px; 
top:5px; 
left:25px; 
} 
#MyCenter{ 
position:relative; 
top:20px; 
height:300px; 
width:400px; 
} 
#mystage{ 
position:relative; 
width:300px; 
top:30px; 
left:25px; 
} 
</style> 

<div id="header">This is my header</div> 
<div id="stage">Top Stage</div> 
<div id="MyCenter">This is my center content</div> 
<div id="mystage">Bottom Stage</div> 

Vous devez enregistrer ce fichier et l'exécuter comme .html. Ceci vous montrera comment configurer vos étiquettes DIV en forme Ae. C'est plutôt simple à faire.

espérons que cela aide. Wayne

Answer 2

Si vous regardez l'api edge adobe (à la fin), il montre comment mettre deux animations sur une seule page. http://www.adobe.com/devnet-docs/edgeanimate/api/old/1.6/EdgeAPI.0.1.6.html

il nécessite quelques modifications à la page html, mais devrait être assez simple. Essentiellement, vous avez une seule page html référence les deux compositions.