Animation horizontal limité
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
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
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
A voir également:
- Animation horizontal limité
- Family link limite quotidienne ne fonctionne pas ✓ - Forum Huawei
- Décompte du temps sur family link - Forum Contrôle parental
- Familly link problème - Forum Mobile
- Dp animation maker - Télécharger - Animation
- La limite torrent ✓ - Forum Logiciels
1 réponse
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
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
Grand merci à toi Pitet
Bon soirée