Animation horizontal limité [Résolu/Fermé]

Messages postés
159
Date d'inscription
mercredi 26 janvier 2011
Statut
Membre
Dernière intervention
31 août 2019
-
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
Afficher la suite 

1 réponse

Messages postés
2378
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
2 février 2018
398
0
Merci
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 : http://api.jquery.com/animate/
Je t'invite à lire la documentation et surtout comprendre et manipuler les exemples proposés.

Bonne journée
delta70
Messages postés
159
Date d'inscription
mercredi 26 janvier 2011
Statut
Membre
Dernière intervention
31 août 2019
-
Bonsoir,
Grand merci à toi Pitet
Bon soirée