Switch


Javascript (jQuery autorisé, inclure https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js)


Rendu ton_login.html (un seul fichier) : remi.mikel@epitech.eu ; Script et Style DANS LE FICHIER

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.


Etape 1

Hé, hé ! tu peux m'aider? T'sais j'fais mon Portfolio et j'veux faire un truc trop stylé à la Beors, t'vois l'genre ?

Créer une div à fond bleu si t'es une fille et à fond rose si t'es un garçon qui prend absolument tout l'écran même si je resize la fenêtre. La scrollbar ne doit pas s'afficher.


Etape 2

Ouais voilà c'est l'début, mais style, j'veux comme changer le truc quand on clique dessus.

Ajoute 2 autres div de 2 autres couleurs. Une seule doit être affichée, quand vous cliquez dessus elle est remplacée par la seconde, quand on clique sur la seconde elle est remplacé par la troisième et quand on clique sur la troisième, elle est remplacée par la première etc...


Etape 3

C'est pas aussi stylé que j'imaginais... Tu peux faire comme si ça glissait sur la glace?

Rajoute une animation de glisse de gauche à droite entre chaque changement de div.


Etape 4

Wouhahou trop stylé ! mais je peux pas aller dans l'autre sens.

Rajouter des boutons pour tourner à gauche ou à droite et autant de div que vous souhaitez.