Animations html5 et flash
Author: C. GuillaumeBonjour à tous,
Etant nouveau sur le forum, j'éspère être le plus précis possible dans ma question.
Nous avions un site créer avec magix web designer. Cependant, ceux-ci ne prenant pas en charge le résponsive, nous avons décidé de nous tourner vers website x5 version 12 pro au mois de Décembre.
Jusqu'à présent, tout allais plutot bien dans la construction de notre site. Mais lors de la création de la page de présentation de nos produits, nous voulions insérer une animation html5 qui a été créer à partir d'un flash converti par un outil google. ( animation parfaitement fonctionnelle)
je suis donc passé par "création de page" puis "insérer un code" dans ma page produit.
Mon animation s'affiche parfaitement mais deux problèmes se posent.
1- J'ai trois animations à mettre sur la même page.
Lorsque j'en insère une, tout se passe normalement et celle-ci s'affiche.
Mais lorsque j'insère un deuxième code html5 pour la seconde animation dans un nouvel "objet", celle-ci refuse de s'afficher.
J'ai d'abors pensé que celà venait de l'animation mais non, quand j'affiche celle-ci seule, ça fonctionne parfaitement.
Ce phénomène apparait uniquement lorsque je met plusieurs animations en même temps sur la même page.
Auriez vous un solution ?
2- Mon site devant être résponsive, je voulais que mon animation change de taille automatiquement. Cependant, je ne suis pas assé fort en codage pour que celà se fasse de façon automatique.( si quelqu'un à une astuce, je suis preneur)
J'ai donc pensé qu'il serait possible d'inséré plusieurs fois la même animation à des dimensions différentes afin qu'elle s'affiche en telle ou telle taille selon la résolution de l'écran en me servant de "montrer ou cacher un objet" dans les paramètres adaptatif.
Mais comme pour ma première question, si je met plusieurs fois l'animation, il n'y à que la première qui s'affiche. Les autres n'apparaissent pas en cas de changement de résolution.
J'ai du lire une vingtainne de post en rapport avec l'insertion des codes html5 et aucun n'apportait de réponse à mes soucis. ( J'espère ne pas être passé à côté.)
Je n'ai pas de code d'erreur qui s'affiche.
Merci d'avance pour vos réponses qui, je l'éspère, solutionnerons mes problèmes.
(IT - traduit par Google) Je suis désolé, je ne parle pas français...
- exemple > http://www.zspace.it/kolasim/swiffy/lava_luci.html
- simplifié > http://www.zspace.it/kolasim/swiffy/lava_luci2.html
Ctrl+U pour voir le code source HTML avec Chrome et Firefox
.
ciao
Hi Guillaume
From what you're telling me, it sure looks like you might be adding too many resources to the project, once per animation, and this creates conflict between the new ones and the one imported with the previous animation.
If you can, please link here your website to test.
If not, please post screenshots of the whole pieces of code you're inserting so that we might check for errors.
Let me know
***** Google Translation:
Salut Guillaume
D'après ce quevous me dites,il semblequecomme vous pourriezêtre en ajoutanttrop de ressources pourle projet,une fois parl'animation,et celacrée des conflitsentre lesnouveauxetceluiimportéde l'animationprécédente.
Si vouspouvez,s'il vous plaîtlienicivotre site Webà tester.
Si non,s'il vous plaîtposterdes captures d'écrande l'ensembledes morceaux de codeque vous insérezafin que nous puissionsvérifier les erreurs.
Faites le moi savoir
Author
Merci pour votre aide et pardonnez la lenteur de ma réponse. ( vacance )
J'ai testé différentes manières et je n'arrive pas à avoir ce que je veux.
J'ai donc complètement recréer mon animation sous adobe edge animate.
Mais le même problème se pose et un se rajoute. Je me retrouve avec un dossier qui contient des fichiers et des dossiers.
Je n'arrive pas à faire apparatre mon animation sur la preview.
Que dois-je faire avec les fichiers contenu dans l'image 1
(l'image 2 montre les fichiers contenu dans le dossier "edge_includes")
Author
ps:
l'image 1 montre les fichiers exportés depuis edge animate pour une publication.
Hi Guillaume.
Are you exporting the jQuery file together with the rest?
This is most probably the cause of the conflict, since the software itself already uses a version of jQuery.
Try not to export that, and make you that you also do not export more than one file per animation which is actually the same as others.
Check and let me know
Also if possible, add the URL to your website
***** Google Translation:
SalutGuillaume.
Êtes-vousexportezle fichierjQueryavec le reste?
Ceci estprobablementla causedu conflit,puisque le logiciellui-même utilisedéjà une version dejQuery.
Essayez de ne pasexporter, et vousfaireque vousaussine pas exporterplus d'unfichier parl'animationqui est en faitle même qued'autres.
Vérifiez etfaites-moi savoir
Aussi, sipossible,ajouter l'URLà votre site Web
Author
Merci stéphano,
Oui j'ai bien essayé toutes ces solutions mais aucune ne fonctionnent.
Si je tente de mettre les animation de edge animate rien ne se passe. (si il existe un tuto, ce serait super)
J'ai également une solution provisoire. Il semble que les html5 swiffy de google s'intègre parfaitement.
Mais se sont des flash converti en html et ce n'est pas idéal.
Donc si il existe une solution pour intégrer une crétion sous edge, merci de me le faire savoir.
Par contre, j'en reviens à mon premier problème. Avec swiffy, les animations s'affiche mais je ne peux en mettre qu'une par page.
J'intègre mon premier code html swiffy et l'animation s'affiche (photo 1 et 2 )
Mais lorsque je veux intégrer le deuxième, rien ne se passe (photo 1,2 et 3 )
Dois-je modifier le code de la deuxième ou avez vous une solution ?
Merci.
*****Google translation:
Stephano thank you,
Yes I have tried all of them but none work.
If I try to put the edge animation animate nothing happens. (if there is a tutorial that would be great)
I also have a temporary solution. It seems that Swiffy html5 google fits perfectly.
But flash is converted to HTML and it's not ideal.
So if there is a solution for integrating a secretion under edge, thank you to let me know.
For cons, I return to my first problem. With Swiffy, animation is displayed but I can set a per page.
I joined my first html code Swiffy and animation appears (photo 1 and 2)
But when I want to incorporate the second, nothing happens (picture 1,2 and 3)
Should I change the code of the second or you have a solution?
Thank you.
(traduit par Google) mes examens sont avec Swiffy et de voir comment ils travaillent.
... Prenez exemple de mes exemples, ... ou publics séparément les deux animations originales de Swiffy et placé les deux liens ...
.
Author
Merci Kolasim et stephano , c'est ce que j'ai fais hier soir et celà peut être une solution provisoire.
Donc, pour le moment, je n'ai pas trouvé de solution à mon problème.
On ne peux toujours pas afficher deux animations sur la même page et je n'arrive toujours pas à faire fonctionner les animatioms edge.
En swiffy les animations sont légérement ralenti et de qualité réduites. de plus j'ai l'impression que les zones cliquables se déplaces durant la conversion.
Si jamais le coeur vous en dis, je vous envois une petite animation faite rapidement afin que vous puissiez tester de vote coté.
Merci
traduction google.
Thanks Kolasim and stephano, this is what I do yesterday evening and this can be a temporary solution.
So, for the moment, I have not found solution to my problem.
We still can't display two animations on the same page and I still can't run the edge animatioms.
Swiffy animations are slightly slow and reduced quality. In addition I feel that clickable areas move during the conversion.
If ever the heart say, I you mail a small animation made quickly so that you can test voting side.
Thank you.
Author
I forget to specify.
Open the file html with chrome for a glimpse.( overview)
It does not come under the microsoft browser. I don't know why.
thank you
-----------------
J'ai oublier de préciser.
Ouvrez le fichier html avec chrome pour avoir un aperçu.
Il ne tourne pas sous le navigateur microsoft. J'ignore pourquoi.
merci
... SWYFFY + EDGE >> http://www.zspace.it/kolasim/swiffy/lava_luci_Guillaume.html
...
(Traduit par Google) - Maintenant joindre une seconde animation différente, de sorte qu'alors peut mettre ensemble sur la même page pour faire le test.
(IT - Adessso allega una seconda animazione diversa, in modo che poi le possa mettere insieme nella stessa pagina per fare la prova.)
.
ciao
Author
Google traduction:
INCREDIBILE, vedo così è possibile!
Potrebbe dirmi quali manipolazione avete esattamente fare con i miei file così che l'animazione appare, è incredibile! È stata una settimana che io sono alto e si fatto in pochi minuti e se posso ottenere il servizio, non esitate.
Mille Grazie.
(Che cosa è le animazioni vengono visualizzati in modalità anteprima?)
--------
INCROYABLE, je vois donc que c'est possible !
Pourriez vous me dire quelles manipulations avez vous fais exactement avec mes fichiers pour que l'animation apparaisse , c'est incroyable ! Cela fait une semaine que je suis dessus et vous faite ça en quelques minutes
Et si je peux vous rendre service, n'hésitez pas.
Merci beaucoup.
(Est-ce que les animations apparaissent en mode prévisualisation ? )
-----
INCREDIBLE, I see so it's possible!
Could you tell me what manipulation have you exactly do with my files so that the animation appears, it's amazing! It's been a week that I am top and you made it in a few minutes and if I can get service, do not hesitate.
Thank you very much.
(What is the animations appear in preview mode?)
-------
Author
Google traduction:
Ciao, in realtà, con il mio vecchio software, era sufficiente che prendo il file html e incollare il codice come sul fotogramma 1 a fare questo lavoro. (come con swiffy)
Io non sono un esperto nella progettazione di siti web. Ecco perché ho scelto website X5.
Ma ora, quando semplicemente incolla il codice, ca non funziona più.
Penso che devo incollare altri file da qualche parte. Se si potrebbe fare uno screenshot di manipolazione.
So che ci vuole tempo e io vi ringraziamo in anticipo per qualsiasi cosa mi darai.
L'animazione deve essere visibile senza esportare il sito.
Come con swiffy.
Grazie ancora a voi
------------------- VO
bonjour,
En fait, avec mon ancien logiciel, il suffisait que je prenne le fichier html et que je colle le code comme sur l'image 1 pour que ça fonctionne. (comme avec swiffy)
Je ne suis pas un expert dans la conception de sites web. C'est pour cela que j'ai choisi website x5.
Mais maintenant, quand je colle simplement le code, ca ne fonctionne plus.
Je pense que je dois coller d'autres fichiers quelque part . Si vous pouviez faire une capture de la manipulation.
Je sais que cela prend du temps et je vous remercie par avance de celui que vous m'accordez.
L'animation devrait être visible sans exporter le site.
Comme avec swiffy.
Encore merci à vous
(google) Je attendre l'arrivée de la nouvelle annexe avec animation
IT - aspetto l'arrivo del nuovo allegato con l'animazione
.
ciao
Author
Bonjour,
Je ne comprend pas ce que vous voulez ?
Je voulais juste connaitre les manipulations précises pour mettre l'animation edge dans mon site.
J'ai une nouvelle fois essayé hier mais sans succès.
google traduction:
Ciao, non capisco quello che vuoi?
Volevo solo sapere trattamento specifico all'animazione di bordo nel mio sito.
Ho provato ancora una volta ieri, ma senza successo.
(Traduit par Google) Jamais l'esprit, oublier. (IT - Fa niente, come non detto.)
STAMP 1/2 >> Objet de code HTML
________________________________________________
ROOT >> Dossiers, fichiers et contenu:
>> Étape 2 - Création du plan > Fenêtre Propriétés de la page | Section Avancées | ▪Code personnalisé | ▼Avant la balise de fermeture </HEAD>
.
ciao
Author
Google trad...
La ringrazio molto per tutte le vostre risposte.
Mi sto gestione specificato. Ma a un certo punto, devo essere sbagliato o fare un errore, perché ancora non compare.
(Ho detto che avevo un aggiornamento WebSite X5 questa mattina. Questo può essere un parente?)
Ho rimosso tutti gli accenti e modificato il codice.
Fase 1:
Nell'oggetto di codice html Io mi attengo solo:
<div id="Stage" class="EDGE-3717381">
Nient'altro?
Fase 2:
Poi i cinque file (edge_includes,images,et les trois fichiers .js) i file associati a codice html.
(da stamattina non riesco a collegare le immagini e le cartelle edge_includes .... e io non so perché ...)
Fase 3:
Incollo il codice:
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="incomedia_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-3717381 { visibility:hidden; }
</style>
<!--Adobe Edge Runtime End-->
In: Creare la mappa> finestra Proprietà Pagina | Sezione avanzata | ▪Code personalizzata | ▼ Prima della chiusura </ HEAD>
È tutto?
Vedo che spiego il processo con la massima cura, ma io stupidamente appende da qualche parte.
Ricordo che io non sono un esperto in materia di.
In ogni caso, io la ringrazio molto per aver trovato il tempo per rispondere a me e vi auguro un ottimo fine giornata.
------------------
Merci beaucoup pour toutes vos réponses.
J'ai fais les manipulations que vous m'avez indiquez. Mais à un moment, je dois me tromper ou faire une erreur car ça ne s'affiche toujours pas.
( je précise que j'ai eu une mise à jour de website x5 ce matin. Cela a peut être un rapport ? )
J'ai bien enlevé tous les accents et modifié le code.
étape1:
Dans la partie objet de code html je colle seulement:
<div id="Stage" class="EDGE-3717381">
Rien d'autre ?
étape 2:
Ensuite les cinq fichiers (edge_includes,images,et les trois fichiers .js) dans fichiers associés au code html.
(depuis ce matin je n'arrive pas à lier les dossiers images et edge_includes .... et je ne sais pas pourquoi...)
étape 3:
je colle le code:
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="incomedia_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-3717381 { visibility:hidden; }
</style>
<!--Adobe Edge Runtime End-->
Dans: Création du plan > Fenêtre Propriétés de la page | Section Avancées | ▪Code personnalisé | ▼Avant la balise de fermeture </HEAD>
C'est tout ?
Je vois bien que vous m'expliquez la procédure avec le plus de soins possible mais je bloque bêtement quelque part.
Je vous rappel que je ne suis pas expert dans se domaine.
En tous cas, je vous remerci beaucoup d'avoir pris le temps de me répondre et vous souhaite une excellente fin de journée.
(Traduit par Google), malheureusement, avec la traduction ne peut pas bien comprendre.
vous pourriez faire une chose simple.
1) crée une animation et afficher dans votre site avec Filezilla dans le dossier animation1: www votre site/animation1/nom_animation.html
2) créer une deuxième animation, et publier votre site avec filezilla dans le dossier animation2: www.votresite/animation2/nom_animation.html
3) sur les deux LINK des deux animations d'exploitation, puis nous continuons avec IFRAME.
si vous voulez faire ce qui a été dit, il sera résolu en un instant
laissez-moi savoir et entrez les deux LINK.
(IT - purtroppo con la traduzione non riesco a capire bene.
si potrebbe fare una cosa semplicissima.
1) crea una animazione e la pubblichi nel tuo sito con filezilla nella cartella animazione 1: www tuo sito/ animazione
2) crea una seconda animazione e la pubblichi nel tuo sito con filezilla nella cartella animazione 2: www tuo sito/ animazione
3) posta i due link delle due animazioni funzionanti, e poi proseguiremo con IFRAME.
se tu farai quanto è stato detto, si risolverà in un attimo.
fammi sapere e inserisci i due link)
.
ciao
Author
Bonjour et merci pour tout.
Je vois bien que nous avons du mal à communiquer.
Je vais tenter de le faire autrement car j'ai vu que c'était possible grâce à votre démonstration. Je ne suis toujours pas parvenu au même résultat mais je finirais bien par trouver.
Merci encore pour votre aide et le temps que vous avez passé avec moi.
-------traduction-----
Ciao e grazie di tutto.
Vedo che abbiamo difficoltà a comunicare.
Cercherò di fare altrimenti perché ho visto che era possibile attraverso la vostra dimostrazione. Non sto ancora raggiunto lo stesso risultato, ma avrei finalmente trovare bene.
Grazie ancora per il vostro aiuto e il tempo trascorso con me.
Je vois bien que nous avons du mal à communiquer. ... ... ...
En effet. Je suis désolé.
Cependant, ils sont disponibles si vous faites le dernier exemple que je l'ai mentionné auparavant.
>> Réseau public les deux animations indépendantes dans des dossiers séparés, comme mes animations:
http://www.zspace.it/kolasim/swiffy/diagrammavettoriale3.html
http://www.zspace.it/kolasim/swiffy/firma_script.html
>> Ensuite, nous allons les mettre ensemble rapidement comme dans cet exemple que je faisais à ce moment avec IFRAME:
http://www.zspace.it/kolasim/trash/iframeAnimazioni.html
... Lorsqu'il sera mis ici vos deux liens, puis de discuter à nouveau de cette question.
(IT - Infatti. Mi dispiace.
Comunque sono disponibile se fai l'ultimo esempio che avevo indicato prima.
>> Pubblica in rete le due animazioni indipendenti in cartelle separate, come per esempio le mie animazioni:
***
>> Poi le metteremo insieme rapidamente come in questo esempio che ho fatto in questo momento con IFRAME:
***
... quando metterai qui i tuoi due link, poi se ne riparlerà.)
.
ciao
Author
Bonjour,
Ce que je ne comprend pas, c'est qu'avec leur logicieldans web animator, on arrive à intégrer parfaitement les animations.
Pourquoi avoir compliqué les choses avec adobe edge animate ???
J'aurais bien acheté leur logiciel mais il est uniquement en anglais, allemand et italien.
( une version française est-elle prévue ? )
Le code html des animations en sortie est similaire à celui de edge.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" charset="utf-8" src="Unknown_project_resources/jquery-1.7.min.js"></script>
</head>
<body>
<div id="Unknown_projectStage" class="wascript">
<script type="text/javascript" charset="utf-8" src="Unknown_project_resources/WA_SCRIPT.js"></script>
</div>
</body>
</html>
Mais il est intégré dans le logiciel en ( .wax5)
Ca doit être un genre de contenair propriétaire...
Il dois forcément y avoir une astuce pour faire passer les animation edge sous x5 sans devoir s'arracher les cheveux depuis 3 semaines.
Est-ce une volonté de la part d'incomédia de compliquer les choses...
-----------------traduction-----------
Hello,
What I do not understand is that with their web logicieldans animator, you come to fully integrate animations.
Why complicate matters with adobe edge animate ???
I would have bought their software but it is only in English, German and Italian.
(A French version is planned?)
The html code of the output animation is similar to that edge.
<! DOCTYPE html>
<Html>
<Head>
<Title> </ title>
<Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8">
<Script type = "text / javascript" charset = "utf-8" src = "Unknown_project_resources / jquery-1.7.min.js"> </ script>
</ Head>
<Body>
<Div id = "Unknown_projectStage" class = "wascript">
<Script type = "text / javascript" charset = "utf-8" src = "Unknown_project_resources / WA_SCRIPT.js"> </ script>
</ Div>
</ Body>
</ Html>
But it is integrated in the software (.wax5)
It must be a kind of contenair owner ...
It must necessarily be a trick to get the edge animation in x5 without tearing their Hair for 3 weeks.
Is it a desire on the part of INCOMEDIA complicate things ...
---------------traduction-------------
Ciao,
Quello che non capisco è che con il loro web logicieldans animatore, si arriva a integrare pienamente le animazioni.
Perché complicare le cose con Adobe Edge ???
Avrei comprato il loro software, ma è solo in inglese, tedesco e italiano.
(Una versione francese è prevista?)
Il codice html dell'animazione output è simile a quel bordo.
<! DOCTYPE html>
<HTML>
<Head>
<Title> </ title>
<Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8">
<Script type = "text / javascript" charset = "utf-8" src = "Unknown_project_resources / jquery-1.7.min.js"> </ script>
</ Head>
<Body>
<Div id = "Unknown_projectStage" class = "wascript">
<Script type = "text / javascript" charset = "utf-8" src = "Unknown_project_resources / WA_SCRIPT.js"> </ script>
</ Div>
</ Corpo>
</ Html>
Ma è integrato nel software (.wax5)
Deve essere una sorta di proprietario contenair ...
Si deve necessariamente essere un trucco per ottenere l'animazione bordo in x5 senza strappare i capelli per 3 settimane.
Si tratta di un desiderio da parte di INCOMEDIA complicare le cose ...
>> Réseau public les deux animations indépendantes dans des dossiers séparés, comme mes animations:... ... ... ... ... ... ...
>> Pubblica in rete le due animazioni indipendenti in cartelle separate, come per esempio le mie animazioni: ... ... ... ... ... ...
... Je l'attends vos liens... (aspetterò i tuoi link) ...
Author
Bonjour, je vois que je n'est pas les compétences pour faire toutes ces manipulations.
Je teste en ce moment le logiciel web animator mais je rencontre de gros problèmes pour des actions qui était simple sous edge animate.
Je veux qu'une action se répète dans mon animation. Une flèche qui descend à répétition à coté d'une image qui elle, reste fixe. Je ne vois pas du tout comment faire.
Comme le logiciel est en anglais c'est une vrai galère !
Il me propose une réduction de 50% si je l'achète avant minuit. Si vous pourriez m'aider, sinon je laisse tomber et vous remerci quand même.
-------------------------
Ciao, vedo che non ho le capacità per fare tutte queste manipolazioni.
Sto testando al momento il software web animatore ma sto avendo grossi problemi per le azioni che erano semplici nel animato bordo.
Voglio una azione si ripete nel mio animazione. Una freccia verso il basso alle prove accanto ad un'immagine che rimane fissa. Non vedo affatto come.
Dal momento che il software è in inglese si tratta di un vero e proprio dolore!
Mi offre uno sconto del 50% se compro prima di mezzanotte. Se tu potessi aiutare, se lascio cadere e Grazie comunque.
-------------------------
Hello, I see that I do not have the skills to do all these manipulations.
I'm testing at the moment the animator web software but I am having big problems for actions that were simple in edge animate.
I want an action is repeated in my animation. An arrow down to rehearsal next to an image that it remains fixed. I do not see at all how.
Since the software is in English it is a real pain!
It offers me a 50% discount if I buy before midnight. If you could help me, if I drop and Thank You anyway.
------------------------
Je dois malheureusement pas de programme.
Essayez de voir le forum WebAnimator: http://forum.webanimator.com/
(IT - io purtroppo non ho nessun programma.
Prova a consultare il forum di WebAnimator:***)
.
ciao
_______________________________
P.S.: ... Je reviendrai ici quand nous mettons les liens/LINK des animations ...