Update head.html

add event listeners to stop animation on mouseover and restart on mouseout
music-encoding · Dec 6, 2022 · 8ea8558 · 8ea8558
1 parent 5d500e2
commit 8ea8558
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -15,6 +15,12 @@
         const indexCarousel = document.getElementById("index-carousel");
         if (indexCarousel !== null) {
           animateCarousel(indexCarousel, 3000);
+          indexCarousel.addEventListener("mouseover", event => {
+            stopCarouselAnimation(indexCarousel);
+          });
+          indexCarousel.addEventListener("mouseout", event => {
+            animateCarousel(indexCarousel, 3000);
+          });
         }
       });
     </script>