function nextSlide() {
  var nextSlideIndex;
  if (currentSlideIndex === (slideArray.length - 1)) {
    nextSlideIndex = 0;
  } else {
    nextSlideIndex = currentSlideIndex + 1;
  }

  document.getElementById("slide" + nextSlideIndex).style.left = "100%";
  document.getElementById("slide" + currentSlideIndex).style.left = 0;

  document.getElementById("slide" + nextSlideIndex).setAttribute("class", "singleSlide slideInRight");
  document.getElementById("slide" + currentSlideIndex).setAttribute("class", "singleSlide slideOutLeft");

  currentSlideIndex = nextSlideIndex;
}
// Navigates to the next slide in the list
Navigates to the next slide in the list
Navigates to the next slide in the list
function nextSlide() {
  var nextSlideIndex;
  if (currentSlideIndex === (slideArray.length - 1)) {
    nextSlideIndex = 0;
  } else {
    nextSlideIndex = currentSlideIndex + 1;
  }
  document.getElementById("slide" + nextSlideIndex).style.left = "100%";
  document.getElementById("slide" + currentSlideIndex).style.left = 0;
  document.getElementById("slide" + nextSlideIndex).setAttribute("class", "singleSlide slideInRight");
  document.getElementById("slide" + currentSlideIndex).setAttribute("class", "singleSlide slideOutLeft");
  currentSlideIndex = nextSlideIndex;
}
function nextSlide ( ) { var nextSlideIndex ; if ( currentSlideIndex === ( slideArray . length - 1 ) ) { nextSlideIndex = 0 ; } else { nextSlideIndex = currentSlideIndex + 1 ; } document . getElementById ( "slide" + nextSlideIndex ) . style . left = "100%" ; document . getElementById ( "slide" + currentSlideIndex ) . style . left = 0 ; document . getElementById ( "slide" + nextSlideIndex ) . setAttribute ( "class" , "singleSlide slideInRight" ) ; document . getElementById ( "slide" + currentSlideIndex ) . setAttribute ( "class" , "singleSlide slideOutLeft" ) ; currentSlideIndex = nextSlideIndex ; }
Navigates to the next slide in the list
Navigates to the next slide in the list