Comment insérer une animation Adobe Edge sur mon site ?

[ghazal]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Salut,
Je reprends un MP envoyé à Duaner expliquant comment se servir de mod_edgeanimate à partir des fichiers générés par l'appli edeganimate.
Si ca peut aider.

4 fichiers :
avatar_edge.js
avatar_edgeActions.js
avatar_edgePreload.js
avatar.css

1 - il faut impérativement corriger ce que j'ai mis en évidence dans les fichiers js
cad remplacer partout où il y a
"tonsite" par le nom de ton site

dans avatar_edge.js
var im='http://tonsite/modules/mod_edgeanimate/images/';

dans avatar_edgePreload.js
2 occurrences à la fin

2- dans le module edge_animate (installé)
placer les fichiers JS dans le dossier js
placer le fichier CSS dans le dossier CSS
... les images dans le dossier images

3 - Ensuite, tu crées un module_edgeanimate
Tu le régles ainsi:

https://dl.dropboxusercontent.com/u/32803028/labo/avatar_edgeanimate.jpg

NB : il est réglé pour apparaitre en loadposition dans un article, afin de le tester
Dans ce cas :
{loadposition edgeanimate3}
Je l'ai publié partout sur mon test site, ce n'est pas indispensable
N'oublie pas de renseigner l'ID de l'anim : EDGE-658258202

[ghazal]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Pour les aficionados de Edge Animate, un tut :

4 Tips to Extend Adobe Edge Animate Capabilities

http://www.onextrapixel.com/2013/11/11/4-tips-to-extend-adobe-edge-animate-capabilities

Enjoy !

[duaner]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Bonjour à tous.

Pour en revenir sur mon cas, et peut-être aider certains, le module de Ghazal marche très bien, mais çà on s'en douté

Mon erreur était dans la modification des liens inclus dans les Js.
Travaillant en local, j'avais mentionné "localhost/mon_site/modules/etc".
Il suffit de rajouter "http://" devant localhost. (http://localhost/mon_site/modules/etc)
Grosse erreur de ma part qui vient du fait que pour bon nombre de module, l'assignation localhost suffit pour renseigner le chemin.
En tout cas on s'en souviendra

Par contre j'ai une question pour les pros

Comment peut-on modifier la taille de l'animation une fois publier dans un module?
J'ai essayé de modifier le css inclus dans edgeanimation, mais rien n'y fait.
Si quelqu'un avait une solution...

Merci

[ghazal]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Hey,
merki du compliment.

Re : taille anim
j'ai inséré une div dans le module avec la class "stagewrap".
Tu peux jouer sur le "width" de .stagewrap, par défaut à 100%.

Faire attention à ajouter ou modifier la media query pour que ce soit responsive-compatible, en fin de edge.css, ou autre fichier :
EXEMPLE :

.stagewrap{width :80%;}

@media only screen and (max-width: 786px) {
.stagewrap{width :100%;}
}

Hope it helps.

[duaner]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Malgré ta super réactivité Ghazal, cela ne change rien sur l'animation.
Le css doit contenir quoi au juste?
Juste ".stagewrap"?

[ghazal]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Hey,
je peux regarder qq part ou c'est toujours en local ?

Juste ".stagewrap"?

Oui. A priori.

[duaner]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Toujours en local.
L'anim marche bien, c'est juste le format qui me pose problème.
En fait le edge.css contient les styles pour "the responsive", donc on vire tout sauf la classe .stagewrap, et c'est là que l'on change la width soit en x%, ou en x px?

[Isabel]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Bonjour,
Voilà c'est bientôt Noël et je voulais savoir si c'était possible d'avoir une vidéo expliquant pas à pas tout ce que vous avez dit dans votre message.
Etant novice en la matière, je n'ai pu qu'installer le plugin et publié mon animation mais après....
Pour info j'ai créer un site sous Joomla 2.5. et essaie désespérément d'insérer une animation edge animate dans un article.
Merci et bonnes fêtes.

[ghazal]

Re : Comment insérer une animation Adobe Edge sur mon site ?

Salut,
as-tu lu et suivi pas à pas le mode d'emploi ici ?

A quel moment coinces-tu ?

C'est vrai que le processus n'est pas évident.

[Isabel]

Re : Comment insérer une animation Adobe Edge sur mon site ?

En fait j'ai suivi la procédure de Lorenzo du 4/8/2013 qui n'est apparemment pas la même.
je vais tenter de suivre la tienne.
Merci

[ghazal]

Re : Comment insérer une animation Adobe Edge sur mon site ?

En fait j'ai suivi la procédure de Lorenzo du 4/8/2013 qui n'est apparemment pas la même.

Le module est fait pour mieux systématiser cette procédure.