JSFiddle - React, Tailwind, and code Playground

by David Marshall

HTML

<div class="box">
  <img src="http://dummyimage.com/200x200/000/fff&text=1">
</div>
<div class="box">
  <img src="http://dummyimage.com/200x200/000/fff&text=2">
</div>
<div class="box">
  <img src="http://dummyimage.com/200x200/000/fff&text=3">
</div>

JavaScript

var dir_img = ['http://dummyimage.com/200x200/000/fff&text=1', 'http://dummyimage.com/200x200/000/fff&text=2', 'http://dummyimage.com/200x200/000/fff&text=3'];

setInterval(function() {
  $('.box img').each(function() {
    var image = $(this).attr('src');
    switch (image) {
      case dir_img[0]:
        $(this).attr('src', dir_img[1]);

        break;
      case dir_img[1]:
        $(this).attr('src', dir_img[2]);

        break;
      case dir_img[2]:
        $(this).attr('src', dir_img[0]);

        break;
    }
  });
}, 1000);