slder

by TheDiamondDoge

HTML

<body>
  <button onclick="prev()">Prev</button>
  <button onclick="next()">Next</button>
  <img id="slider" src="http://plast.me/uploads/posts/2014-01/1389617524_869578-general_grievous.jpg" width="200px" height="100px">
</body>

JavaScript

var imgs = [
  "http://plast.me/uploads/posts/2014-01/1389617524_869578-general_grievous.jpg",
  "http://www.electricferret.com/static/images/cbub/cbub_contender_image/5/349/10628.jpg",
  "https://lumiere-a.akamaihd.net/v1/images/grievous-meets-anakin_f17a5f58.jpeg?region=267%2C0%2C1627%2C915"
];

var num = 0;

function next() {
  num++;
  if (num >= imgs.length) {
    num = 0;
  }
  var tag = document.getElementById(slider);
  tag.src = imgs[num];
}