From d2d7a3378e6fa004702bde1dd3574fd7a42f49e3 Mon Sep 17 00:00:00 2001
From: jmd <dupuy.spc@gmail.com>
Date: Mon, 14 Apr 2025 17:36:28 +0200
Subject: [PATCH] correction

---
 script.js | 47 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/script.js b/script.js
index 4caeb98..61dd4c8 100644
--- a/script.js
+++ b/script.js
@@ -3,20 +3,65 @@
 // Identifie les deux élements de la liste fixe / portable
 const desktopLi = document.getElementById("fixe");
 const laptopLi = document.getElementById("portable");
+const computerImg = document.getElementById("img-pc");
 
 // Ajouter d'un observateur d'évènement sur ces éléments, faisant appel à la fonction définie ci-dessous
 desktopLi.addEventListener("click", () => { selectComputerPicture("fixe"); });
 laptopLi.addEventListener("click", () => { selectComputerPicture("portable"); });
 
+// Ajout d'observateurs d'évènements pour le passage de la souris sur l'image
+computerImg.addEventListener("mouseenter", () => {
+    if (desktopLi.classList.contains("selected")) {
+        selectComputerPicture("portable");
+    } else {
+        selectComputerPicture("fixe");
+    }
+})
+
+computerImg.addEventListener("mouseleave", () => {
+    if (desktopLi.classList.contains("selected")) {
+        selectComputerPicture("portable");
+    } else {
+        selectComputerPicture("fixe");
+    }
+})
+
+
 // Fonction modifiant l'application de la classe "selected" à un élément, à compléter
 function selectComputerPicture(type) {
     if (type === "fixe") {
         console.log("fixe")
         desktopLi.classList.add("selected");
         laptopLi.classList.remove("selected");
+        computerImg.src = "img/ordinateur.png";
     } else if (type === "portable") {
         console.log("portable")
         laptopLi.classList.add("selected");
         desktopLi.classList.remove("selected");
+        computerImg.src = "img/portable.png";
     }
-}
\ No newline at end of file
+}
+
+// Tableau contenant les photos à faire défiler
+let photos = ["img/clavier.png", "img/souris.png", "img/switch.png", "img/routeur.png"];
+let currentPhoto = 0;
+const photo = document.getElementById("img-peripherique");
+
+//fonction modifiant la photo en décallant dans le tableau de la valeur "modifier" (positive ou négative)
+function changePhotoIndex(modifier) {
+    currentPhoto += modifier;
+    if (currentPhoto > photos.length -1) {
+        currentPhoto = 0;
+    }
+    if (currentPhoto < 0) {
+        currentPhoto = photos.length -1;
+    }
+    photo.src = photos[currentPhoto];
+}
+
+// Définition des boutons et mise en place d'observateur d'évènements utilisant la fonction
+const nextButton = document.getElementById("btn-suivant");
+const prevButton = document.getElementById("btn-precedent");
+
+nextButton.addEventListener("click", () => {changePhotoIndex(1);});
+prevButton.addEventListener("click", () => {changePhotoIndex(-1);});
\ No newline at end of file