Parallax Effect


Javascript avec lib si vous voulez


Rendre votre unique fichier(login_l.html) à remi.mikel@epitech.eu. Objet : [Colle]login_l

Premier rendu le plus avancé choisit le thème du prochain sujet de colle.

Le niveau est plus facile

Si vous ne réussissez pas l'étape 1 : vous ne validez pas votre colle.

Si vous réussissez toutes les étapes : vous validez 2 colles (au cas où vous en auriez accumulé).

Si vous êtes absent : vous ne validez pas votre colle et en "gagnez" une supplémentaire.

Le meilleur choisit le prochain sujet de colle.


Etape 1

Faîtes une div de 600x400px avec un beau ciel en background . Centrez-la.


Etape 2

Lorsque vous déplacez la souris sur cette div, la background-position doit se modifier de sorte que :
newX = ( strength / $('#div').width() * e.pageX - ( $('#div').width() / 2 ) * - 1 ) - strength;
strength étant un coefficient de force de déplagecement, e étant l'event object. Vous calculerez le newY de la même façon.
Si l'image de fond bouge bien quand vous montez/descendez, allez à gauche/droite, vous pouvez passer à l'étape suivante.


Etape 3

pigeon
Ajoutez une autre div par dessus la précédente d'un vol d'oiseaux. Faîtes-la déplacer avec une strength moins élevé et vous obtiendrez...