WebSite X5Help Center

 
Chauvier J.
Chauvier J.
User

Insertion d’animation en HTML5  fr

Author: Chauvier J.
Visited 2656, Followers 2, Shared 0  

Insertion d’animation en HTML5 dans l’en-tête ou dans une zone dans une page

je travaille avec Banner Effect pour mes animation flash je peux les exporter en .swf ou en HTML5

En HTML5 

1-j'ai un dossier avec les DATA qui se constitue des images de mon animation (baniere-Logo-133-x-800-HTML5.data)

2-un fichier en .html qui me permet de tester l'animation (baniere-Logo-133-x-800-HTML5.html) et elle contient le

HTML Code

<canvas id="baniere-Logo-133-x-800-HTML5" onclick="this.focus();" oncontextmenu="return false;" width=800 height=133 tabindex=1> </canvas> <script type="text/javascript" src="baniere-Logo-133-x-800-HTML5.js"> </script>

3-un fichier en .js  ( baniere-Logo-133-x-800-HTML5.js)

Peut-on m'aider pour que je puisse utiliser mes animations HTML5 Les 2 fichiers et dossier DATA 

1-  dans l'en-tête d'un site 

2- dans une page d'un site 

car avec certain navigateur sur Android il y a des problème pour lire les fichiers.swf 

Merci d'avance 

Jeano

Posted on the
5 ANSWERS - 1 CORRECT
JiPeR 48
JiPeR 48
Moderator

Salut Jeano, il faut que tu mettes ton dossier "DATA" et les deux fichiers (.js et html) à la racine de ton serveur, puis tu insères une cellule HTML sur ta page avec le code généré par ton projet de bannière. Attention ne fonctionne qu'une fois en ligne...

Pour le header je ne suis pas encore arrivé à quelque chose de convaincant.

@+, J.P.


Read more
Posted on the from JiPeR 48
Chauvier J.
Chauvier J.
User
Author

Bonjour et merci,

Je viens de faire un petit projet test en suivant tes directives

J’ai inséré le code de ma bannière en HTML5  voir photo Capture 001.JPG dans paramètres généraux « Personnaliser l’en-tête » J’ai posté sur mon serveur test OK, mais la bannière ne s’affiche sur la page accueille voici le lien

http://users.skynet.be/fc503218/nos-vehicules-.html

Je n’ai pas encore testé sur un page je te tiens au courant

Bien à toi et Meilleurs Vœux

Jeano

Read more
Posted on the from Chauvier J.
Chauvier J.
Chauvier J.
User
Author

Bonjour,

Dans les cellules pages les animations HTML5 fonctionnent

La bannière  html5 que j’ai mis dans l’en-tête ne s’affiche pas sur la page accueille, mais bien sur les autres pages

http://users.skynet.be/fc503218/nos-vehicules-.html

J’ai édité les pages de mon projet test (avec expression web 4) je retrouve le code html que j’ai inscrit dans l’en-tête sur toutes les pages

Il serait aussi intéressant pour de prochaine mise à jour,

1-résoudre se problème  

2-De pouvoir joindre « le fichier .js et le dossier contenant les DATA » pour permettre d’avoir un Aperçu en local  avec WebSite x5 10

Car je suis obligé d’entré mon code HTML dans ma cellule, puis publier le projet sur mon HDD,  allé copier mon fichier.js et mon dossier DATA à la racine du projet, pour pouvoir tester mon animation HTML5 en LOCAL

Bien à vous

Jeano

Read more
Posted on the from Chauvier J.
Chauvier J.
Chauvier J.
User
Author

Bonjour,

le probléme 1

Est résoluj'avais oublié d'effacer mon code HTML lors de mes premiers test insertion de mes animation HTML5 voir photo "Erreur banière site test.JPG"

http://users.skynet.be/fc503218/nos-vehicules-.html

Problème2 

De pouvoir joindre « le fichier .js et le dossier contenant les DATA » pour permettre d’avoir un Aperçu en local  avec WebSite x5 10

Car je suis obligé d’entré mon code HTML dans ma cellule, puis publier le projet sur mon HDD,  allé copier mon fichier.js et mon dossier DATA à la racine du projet, pour pouvoirtester mon animation HTML5 en LOCAL

Peut-être déplacer le sujet 2  A prévoir dans une future Mise à jour 

Read more
Posted on the from Chauvier J.
JiPeR 48
JiPeR 48
Moderator

Salut Jeano, il a toujours été nécessaire de mettre les dossiers DATA et les fichiers correspondant sur le serveur pour un bon visuel de ce type d'animation (idem pour certaines animations Flash ou FlipBook etc....)

Tu pourrais ouvrir un nouveau message en "IDEE" pour ton sujet 2. Puis noter ton dernier message comme résolu (cocher la case "Correct"), cela nous évite de revenir sur la page quand on fait un balayage pour voir les nouveautés.

Bonne continuation, et bonne fin d'année,

J.P.

Read more
Posted on the from JiPeR 48