Discussion :

[Trunks]

Voici un exemple de page où je commence à intégrer un design, sur laquelle j'essaie de faire une petite animation d'intro : http://avsc.guduszeit.com/test.php.

Pour l'instant, j'ai mis l'image d'un cadre au lieu de la mascotte, mais on va faire comme s'il s'agissait de la mascotte. Lorsque j'arrive sur la page, j'aimerais qu'il y ait une petite animation de 2/5s. La mascotte arriverait de la droite ou de la gauche de l'écran (hors du champs de vison) pour se poser là où elle se trouvera ensuite. Pour l'image, je l'ai placée en spécifiant les coordonnées fixes en utilisant du CSS. Il faudrait donc que je puisse faire une fonction qui puis modifier les coordonnées de l'image pendant un certain laps de temps jusqu'à ce qu'il atteigne les coordonnées finales.
Cependant je ne sais pas comment je pourrais faire, donc si quelqu'un a une idée à me proposer, je suis preneur !

Merci de votre aide.

[ashurai]

Il te faut "jouer" avec les propriétés suivant en javascript :

Code :

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

1
2
3
4
 
document.getElementById('ID_MASCOTTE').style.top
et
document.getElementById('ID_MASCOTTE').style.top

Tu met ca dans une fonction que tu lance avec un setInterval, afin de répéter le l'action, jusqu'a ce que tu soiq arrivé ou tu veux.

J'espere avoir été assez clair..

[ashurai]

désolé le deuxieme c'esr "left"... (merci le copier coller...)

[Trunks]

Merci je vais chercher sur cette voie