.-.-.-.-.-

// 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;

/home/histoio/www/f41a3/./../../www/IMG/../f41a3/../squelettes/javascript/main.js