Parallaxe simple et évènements selon scrolling |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(1)
Envoyé : 03 Nov 2014 à 14:26 |
Hello,
Ce tutoriel a pour but de vous expliquer comment ajouter simplement un effet de parallaxe à votre page. L'effet de parallaxe, pour les pages web, est obtenu quand un élément bouge à l'inverse du défilement de la page : lorsque vous descendez avec l’ascenseur sur la page, un des éléments, souvent en fond, remonte, donnant ainsi plus d'ampleur visuelle à la page. Par extension, il est possible de gérer assez facilement l'apparition, la disparition, d'objets lorsque l'utilisateur fait défiler la page à l'écran. Nous allons voir comment implémenter simplement un effet de parallaxe à l'aide de fonctions javascript/jQuery sur une page, pour un projet Open Element. Ce premier didacticiel tout simple sera suivi par un autre, abordant la gestion des objets pour créer une page encore plus dynamique. Nous gérons ici dynamiquement le déplacement de l'image de fond colorée, le déplacement du titre et l'apparition, plus bas, au scrolling, d'une citrouille noire. L'exemple est visible ici : Tutoriel disponible ici : (en cours d'édition, merci ). Edité par Larsene - 03 Nov 2014 à 14:27 |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
ben alors ce tuto? il est ou??
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
ben alors, perdu dans le parallax?
|
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(1)
|
Le rendu n'était pas au niveau attendu. Partir sur un plugin comme tu as utilisé donne un meilleur résultat.
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |