fix: slider dots

jatinkatyal13 · jatinkatyal13 · commit bc5706703c25 · 2021-01-15T15:56:03.000+05:30
diff --git a/src/assets/scripts/slider.js b/src/assets/scripts/slider.js
@@ -12,6 +12,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
     showSlides(slideIndex = n + 1);
   }
 
+  window.currentSlide = currentSlide;
+
   function showSlides(n) {
     var i;
     var slides = document.getElementsByClassName("slideshow-container__slide");
@@ -25,7 +27,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
         dots[i].className = dots[i].className.replace(" active", "");
     }
     slides[slideIndex-1].style.display = "block";  
-    // dots[slideIndex-1].className += " active";
+    dots[slideIndex-1].className += " active";
   }
 
   var prev = sliderContainer.getElementsByClassName("slideshow-container__prev")[0];
@@ -37,10 +39,9 @@ document.addEventListener("DOMContentLoaded", function(event) {
   next.addEventListener('click', function () {
     plusSlides(1);
   });
-
   new Array(sliderContainer.getElementsByClassName("dot")).forEach(function (dot, i) {
     dot.addEventListener('click', function () {
-      currentSlide(i)
+      window.currentSlide(i)
     });
   })
 });
diff --git a/src/partials/slider.hbs b/src/partials/slider.hbs
@@ -53,11 +53,11 @@
 			</div>
 			{{/each}}
 
-			{{!-- <div class="slideshow-container__navigation-dots" style="z-index: 20;">
+			<div class="slideshow-container__navigation-dots" style="z-index: 20;">
 				{{#each slides}}
 				<span class="dot" onclick="currentSlide({{@index}})"></span>
 				{{/each}}
-			</div> --}}
+			</div>
 
 			<a class="slideshow-container__prev pulse" onclick="plusSlides(-1)">
 				<span>&#10094;</span>
