var bBoucle = true; var nim = new Number(-1); //var plv = new Number(6000); var timer = null; var nbEvn = 2; // ZL : création du tableau des délais en JS var tabDelai = new Array(3000, 15000); // lecture function play(reload) { bBoucle = true; // activation des boutons play / pause document.getElementById("btnPlay").src = "/img/diaporama/playOff.png"; document.getElementById("btnPause").src = "/img/diaporama/pauseOn.png"; if (reload == 1 && !timer) // ZL : création du timer en remplaçant plv par le délai correspondant dans le tableau tabDelai timer = setTimeout('initiate()', tabDelai[nim]); return; } // pause function pause() { if (timer) { clearTimeout(timer); timer = null; } bBoucle = false; document.getElementById("btnPlay").src = "/img/diaporama/playOn.png"; document.getElementById("btnPause").src = "/img/diaporama/pauseOff.png"; return; } // affichage de l'événement en cours function changeDiapo(nim) { // affichage du bon DIV et intéraction avec les boutons for (i = 0; i < nbEvn; i++) { if (i == nim) { document.getElementById("une"+i).style.display = "block"; //document.getElementById("btn"+i).setAttribute("class", "btnOn"); //document.getElementById("btn"+i).setAttribute("className", "btnOn"); document.getElementById("btn"+i).src = "/img/diaporama/itemOn.png"; } else { document.getElementById("une"+i).style.display = "none"; //document.getElementById("btn"+i).setAttribute("class", "btn"); //document.getElementById("btn"+i).setAttribute("className", "btn"); document.getElementById("btn"+i).src = "/img/diaporama/itemOff.png"; } } } // Initiate, en fait la fonction de rotation des images. function initiate() { if (bBoucle) { // incrémentation du numéro d'image nim++; if (nim > nbEvn - 1) { nim=0; } // commande de changement d'image changeDiapo(nim); // relance après un certain temps // ZL : création du timer en remplaçant plv par le délai correspondant dans le tableau tabDelai timer = setTimeout("initiate()", tabDelai[nim]); //alert('tabDelai[' + nim +'] = ' + tabDelai[nim]); } } // Affichage forcé d'un événement function setDiapo(i) { pause(); // sélection forcée de l'image nim = i; changeDiapo(i); } // Affichage de l'événement précédent function prev() { if (nim > 0) { pause(); // sélection forcée de l'image nim--; changeDiapo(nim); } } // Affichage de l'événement suivant function next() { if (nim < nbEvn-1) { pause(); // sélection forcée de l'image nim++; changeDiapo(nim); } }