Discussion :

[wild daigo]

bonjour,j'ai commencé mon premier site avec dreamweaver cs5
et je voudrais animer une image toute simple,genre une translation au démarrage de la page,quelqu'un peut il m'aider?merci

[PascalAC21]

Bonjour,

il faudrait que vous développiez un peu plus ce que vous voulez faire.
Il y a plusieurs façon de faire des "animations", tout dépend de l'effet souhaité.
Flash, gif animé, CSS3, etc...

[wild daigo]

ok,bah en faite j'ai une image qui represente un menu de la selection et j'aimerais au démarrage de la page quelle fasse une translation en x de gauche a droite pour la placer la ou je la souhaite, c'est une petite animation toute simple.
genre avec deux clés de positionnement.

[PascalAC21]

Bonjour,

bon alors c'est très simple, il faut utiliser css3.
Il y a un chapitre dans les tutoriaux css, ici .
C'est très simple.

Bonne journée.

[wild daigo]

merci,pour ta réponse mais j'y connais pas grand chose en code je connais seulement le logiciel dreamweaver.
j'ai essayé mais ca marche pas.
quelqu'un connaitrait pas le logiciel dreamweaver cs5?

[Vil'Coyote]

le logiciel ne le permet pas il va te falloir coder toi même d'ou l'utilisation de css3. sinon javascript.

[wild daigo]

alors mon code image est le suivant

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="site/image/animations.png" width="182" height="60" onclick="MM_effectAppearFade('animation', 0, 0, 100, false);MM_effectAppearFade('creation', 0, 100, 0, false);MM_effectAppearFade('jeux', 0, 100, 0, false);MM_effectAppearFade('cv', 0, 100, 0, false);MM_effectAppearFade('book', 0, 100, 0, false)" ondblclick="MM_effectAppearFade('animation', 0, 100, 0, false)" />

je place ou mon code?

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
-webkit-transform: translate(20px, 10px);
-moz-transform: translate(20px, 10px);
-o-transform: translate(20px, 10px);
transform: translate(20px, 10px);

[PascalAC21]

Bonjour,

le code se place avec le reste des css, donc soit dans la classe soit dans le nom du bloc contenant votre image.

[wild daigo]

ok,merci mais je n'y comprends pas grand chose.
mais j'ai résolu mon probleme.
j'ai installer la version cs3 de dreamweaver,
et j'ai utilisé la fenetre scénario qui a été supprimé dans la version cs5.
voila et merci pour votre réponse.