summaryrefslogtreecommitdiff
path: root/Statics/Js/index.js
diff options
context:
space:
mode:
Diffstat (limited to 'Statics/Js/index.js')
-rw-r--r--Statics/Js/index.js33
1 files changed, 33 insertions, 0 deletions
diff --git a/Statics/Js/index.js b/Statics/Js/index.js
new file mode 100644
index 0000000..1c89567
--- /dev/null
+++ b/Statics/Js/index.js
@@ -0,0 +1,33 @@
+
+// ****************************************************************************
+// INDEX
+// ****************************************************************************
+
+// 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);
+}