Slider

Énoncé

Étape 1

• Téléchargez les fichiers de départ : exercice-6-slider.zip

• Créez une fonction display(n). A la fin de l’exercice, cette fonction aura pour objectif d’afficher l’image de rang n et de masquer les autres.

• Au départ, on appellera directement la fonction avec une valeur arbitraire pour tester.

var slideEnCours = 1;
display(slideEnCours);

function display(n) {
    // Affiche le slide n
}

Dans la fonction :

• Récupérer la liste des images dans une variable.
• Masquer toutes les images sauf celle qui porte le rang n

Étape 2

Afficher la bonne image quand on clique sur un des boutons class="indicator".

Étape 3

Afficher l’image suivante ou précédente quand on clique sur les flèches.

Étape 4

Changer la couleur de l’indicateur class="indicator" dont le slide correspondant est actif.