diff options
Diffstat (limited to 'Statics/Js/main.js')
| -rw-r--r-- | Statics/Js/main.js | 59 |
1 files changed, 5 insertions, 54 deletions
diff --git a/Statics/Js/main.js b/Statics/Js/main.js index 120bfb3..b4d0894 100644 --- a/Statics/Js/main.js +++ b/Statics/Js/main.js @@ -1,61 +1,12 @@ -// +// **************************************************************************** +// Main +// **************************************************************************** + // Site web utilisés pour JS: // https://www.w3schools.com/js/default.asp -// https://stackoverflow.com/ -// +// https://stackoverflow.com/ // Changement de langue document.getElementById("langSel").addEventListener("change", () => { document.getElementById("langForm").submit(); }); - -// Redirection -function redirect(page) { - window.location.href = `${page}.php`; -} - -// Timer pour message -function start_timer() { - // var -> global, let -> local{} - let seconds = 3; - let text = document.getElementById("redirect").innerHTML; - setInterval(() => { - if (seconds > 0) { - document.getElementById("redirect").innerHTML = `${text} ${seconds}.`; - seconds --; - } else { - document.getElementById("redirect").innerHTML = `${text} ${seconds}.`; - redirect("/index"); - } - }, - 1000); -} - -// Slideshow -function start_slideshow() { - let imageNumber = 1; - let images = [ - "/Medias/Images/slide0.jpg", - "/Medias/Images/slide1.jpg", - "/Medias/Images/slide2.jpg" - ]; - - setInterval(() => { - // Changement del'image de fond de de la div - document.getElementById("slideshow").style.backgroundImage = `url("${images[imageNumber]}")`; - // Untoggle les précedents - // Utilisation de ternary, utilisation: condition ? Sivrai : Sifaux - document.getElementById(`textSlide${imageNumber !== 0 ? imageNumber - 1 : images.length - 1}`).classList.toggle("show"); - document.getElementById(`indicatorSlide${imageNumber !== 0 ? imageNumber - 1 : images.length - 1}`).classList.toggle("slideSelected"); - // Toggle le nouveau texte & selecteur - document.getElementById(`textSlide${imageNumber}`).classList.toggle("show"); - document.getElementById(`indicatorSlide${imageNumber}`).classList.toggle("slideSelected") - // +1 sauf si fin - if(imageNumber < images.length - 1) { - imageNumber++; - } else { - imageNumber = 0; - } - } - ,5000); -} |
