article(s) dans votre panier VOIR

Parallaxe horizontal avec HTML5 et CSS3

  • Vidéo 11 sur 32
  • 4h15 de formation
  • 32 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Parallaxe horizontal
00:00 / 08:45
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce nouveau tutoriel de la formation HTML5 et CSS3, Thierry Audroux vous montre comment réaliser une parallaxe horizontale. Cette technique de programmation consiste à réaliser un paysage qui bouge suivant la position de la souris. Pour ce faire, l'auteur commence par se diriger sur le site internet www.github.com/stephband/jparallax. Il vous suffit, sur ce site internet, de télécharger le fichier ZIP pour avoir l'ensemble des éléments pour réaliser cette parallaxe horizontale avec jQuery. Au niveau du fichier de travail, le formateur ici n'a pas fait grand-chose, il a simplement une version antérieure de jQuery ainsi que les différents éléments nécessaires à la création. La prochaine étape consiste à créer un bloc général, nommé parallaxe, et qui va englober l'ensemble des images. Le principe du plugin parallaxe va être basé sur la différence de la taille des blocs constituant la scène. Le résultat final doit comporter un grand bloc nommé « parallaxe » et des plus petits qui vont contenir les images. L'ensemble des techniques pour créer un parallaxe horizontal vous est détaillés dans cette vidéo.