Your IP : 216.73.216.36
// STOCKAGE DU CAROUSEL DANS LA VARIABLE "carousel".
var carousel = document.getElementById("carousel");
// STACKAGE DU BOUTON DANS LA VARIABLE "boutonSuivant".
var boutonSuivant = document.getElementById("suivant");
// INITIALISE UN COMPTEUR POUR SUIVRE L'AVANCE DU CAROUSEL (DEJA INCREMENTER DE 1 CAR PAR DEFAULT LE CAROUSEL AFFICHE LA PREMIERE PHOTO).
var compteurCarousel = 1 ;
// CREATION DE LA FONCTION DU BOUTON SUIVANT.
function suivant() {
// REINITIALISE LE COMPTEUR CAROUSEL SI IL ARRIVE A LA FIN DES ELEMENTS DU CAROUSEL.
if (compteurCarousel == carousel.children.length){
compteurCarousel = 0 ;
}
// CREATION D'UNE BOUCLE QUI VA SWITCHER LES ELEMENTS DU CAROUSEL EN CHANGEANT L'OPACITE DE CHAQUE ELEMENTS.
for (i = 0 ; i < carousel.children.length; i++){
if (carousel.children[i] == carousel.children[compteurCarousel]){
carousel.children[i].style.opacity = 1;
}
else{
carousel.children[i].style.opacity = 0;
}
}
// INCREMENTE LE COMPTEUR CAROUSEL DE 1.
compteurCarousel++
// FIN DE LA FONCTION
}
// ASSOCIE LE BOUTON SUIVANT A LA FONCTION SUIVANT.
boutonSuivant.onclick = suivant;