Слайдер js

Слайдер с переключалками. Здесь не работает попробуй на компе. Где качал не помню, там работал

by akogch

HTML

<div class="wrap">
  <img id="slideshow" src="https://placebear.com/200/300" />
  <br />
  <input
    id="play"
    type="button"
    value="Play"
    onclick="mode('play');startSlideshow();"
  />
  <input
    id="pause"
    type="button"
    value="Pause"
    disabled="disabled"
    onclick="mode('pause');startSlideshow();"
  />
  <input
    id="stop"
    type="button"
    value="Stop"
    disabled="disabled"
    onclick="mode('stop');startSlideshow();"
  />
</div>

JavaScript

// Code goes here

var i = 0,
  imgsrc = new Array(),
  preload = new Array();
imgsrc[0] = "https://placebear.com/200/300";
imgsrc[1] = "https://placebear.com/g/200/300";
imgsrc[2] = "https://placebear.com/200/300";
imgsrc[3] = "https://placebear.com/g/200/300";
imgsrc[4] = "https://placebear.com/200/300";
imgsrc[5] = "https://placebear.com/g/200/300";
for (var j = 0; j < imgsrc.length; j++) {
  preload[j] = new Image();
  preload[j].src = imgsrc[j];
}

function mode(param) {
  smode = param;
}

function startSlideshow() {
  if (smode == "play") {
    document.getElementById("play").disabled = "disabled";
    document.getElementById("pause").disabled = "";
    document.getElementById("stop").disabled = "";
    document.getElementById("slideshow").src = imgsrc[i];
    i++;
    setTimeout("startSlideshow()", 5000);
  } else if (smode == "pause") {
    document.getElementById("pause").disabled = "disabled";
    document.getElementById("play").disabled = "";
    document.getElementById("play").value = "Resume";
  } else if (smode == "stop") {
    document.getElementById("play").disabled = "";
    document.getElementById("play").value = "Play";
    document.getElementById("pause").disabled = "disabled";
    document.getElementById("stop").disabled = "disabled";
    document.getElementById("slideshow").src = imgsrc[0];
    i = 0;
  }
  if (i == imgsrc.length) {
    i = 0;
  }
}