Animation horizontal limité

Résolu/Fermé
Utilisateur anonyme - Modifié par delta70 le 13/02/2016 à 14:35
 Utilisateur anonyme - 15 févr. 2016 à 22:34
Bonjour à tous,
Je suis en train d’apprendre les langages web html5 et CSS en ligne. J’ai appris quelques notions en mais je suis toujours un débutons.
Et j'ai comme travail de crée ma propre page web (un test) mais j’ai rencontré une difficulté pour réaliser une animation que j’ai beaucoup insisté.
L’animation : c’est faire bouger une image (icone up) allé & retour horizontalement sur un parcours bien défini (J’ai trouvé cette idée sur le site MathEnPoche http://mathenpoche.sesamath.net/) j’ai inspecté le code source de la page mais je n’arrive pas à réaliser cette animation.
Avez-vous une idée de comment faire ?
Merci pour vos aides
Cordialement

1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
Modifié par Pitet le 15/02/2016 à 17:13
Salut,

Le code de l'animation se situe dans le fichier /includes/js/interface.min.355.js. Ce fichier étant compressé pour charger le site plus rapidement, le code n'est donc pas facile à relire.

En résumé, le principe est d'utiliser la fonction window.setInterval pour exécuter une fonction après un certain délai (ici on appel la fonction deplacerInfovolage toutes les 2,5s) puis de réaliser l'animation dans la fonction appelée par setInterval.

Cette animation est gérée via la fonction animate de la librairie jQuery : https://api.jquery.com/animate/
Je t'invite à lire la documentation et surtout comprendre et manipuler les exemples proposés.

Bonne journée
0
Utilisateur anonyme
15 févr. 2016 à 22:34
Bonsoir,
Grand merci à toi Pitet
Bon soirée
0