Introduction à l'Effet de Parallaxe
Objectifs
À la fin de ce tutoriel, vous serez capable de :
1. Télécharger et intégrer les librairies nécessaires.
2. Structurer un fichier HTML pour utiliser l'effet de parallaxe.
3. Styliser les éléments avec CSS pour assurer une bonne gestion de l'effet.
4. Utiliser jQuery pour animer les images en fonction de la position de la souris.
Résumé
Découvrez comment réaliser un effet de parallaxe horizontal en utilisant la bibliothèque jQuery, avec des exemples concrets et détaillés.
Description
Dans ce tutoriel, nous vous guiderons à travers les étapes nécessaires pour créer un effet de parallaxe horizontal. Vous apprendrez à configurer votre environnement, à télécharger les ressources nécessaires, et à structurer votre fichier HTML. Ensuite, nous vous montrerons comment styliser les éléments via CSS et comment utiliser jQuery pour mettre en place l'effet de parallaxe. En suivant ce guide complet, vous serez en mesure de créer une scène interactive où les images se déplacent en fonction de la position de la souris, ajoutant ainsi une profondeur et une dynamisme à vos pages web.
Questions - réponses
Programme détaillé
Module 1 - Introduction à la formation HTML5 et CSS3 Part 4
Module 2 - Initiation javascript et jQuery
Module 3 - Déplacements et apparition
Module 4 - Gestion audio et video
Module 5 - Réaliser des menus
Module 6 - Présenter des images
Module 7 - Technologie Ajax
Module 8 - Les formulaires
Module 9 - Les images
Module 10 - Autres
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.
Merci.