E-commerce.js

var slidePosition=1;
slideshow(slidePosition);

function plusSlides(n){
    slideshow(slidePosition+=n);
}

function currentSlide(n){
    slideshow(slidePosition=n);
}


function slideshow(n){

    var i;
    var slides=document.getElementsByClassName("slide-image");
    var circles=document.getElementsByClassName("dots")

    if(n>slides.length){
        slidePosition=1;
    }
    if(n<1){
        slidePosition=slides.length;
    }
    for (i=0;i<slides.length;i++){;
    
        slides[i].style.display="none";
    }
    
    for (i=0;i<circles.length;i++){
        circles[i].className=circles[i].className.replace(" enable", "");
    }
    slides[slidePosition-1].style.display = "block";
    circles[slidePosition-1].className += " enable";

}

var slidePosition = 0;
slideshow();

function slideshow() {
window.addEventListener('load', function() {
    slideshow(slidePosition);
    });
  var i;
  var slides = document.getElementsByClassName("slide-image");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slidePosition++;
  if (slidePosition > slides.length) {slidePosition = 1}
  slides[slidePosition-1].style.display = "block";
  setTimeout(slideshow, 5000); // Change image every 2 seconds
}