diff --git a/src/index.html b/src/index.html
index cd4ed5c80f..b2512109a3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -226,6 +226,7 @@ <h1>Strategic Agency</h1>
 
           <!-- Next and previous buttons -->
           <a
+            id="prev-img"
             class="prev"
             onclick="plusSlides(-1)"
           >
diff --git a/src/scripts/main.js b/src/scripts/main.js
index d80bf302e2..9101a1e09d 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -29,10 +29,18 @@
 
       }
 
-document.getElementById("next-img").addEventListener("click", function () {
+document.addEventListener("DOMContentLoaded", function () {
   showSlides(slideIndex);
   /* setInterval(function () {
     plusSlides(1);
   }, 2000); */
-}
-);
+
+  document.getElementById("prev-img").addEventListener("click", function () {
+    showSlides(-1);
+  });
+
+  document.getElementById("next-img").addEventListener("click", function () {
+    showSlides(1);
+  });
+
+});