JSFiddle - React, Tailwind, and code Playground
HTML
<div class="animationMax">
<img />
</div>
JavaScript
$(function () {
var i = 1;
var interval = setInterval(function () {
jQuery('.animationMax img').attr({
src: 'http://jdsports.scene7.com/is/image/JDSports/127932jd'+('0'+i).slice(-2)+ '?hei=255&wid=427&resmode=sharp&op_usm=1.1,0.5,0,0&defaultImage=JDSports/sizeImageMissing'
});
i++;
if (i === 28) i = 1; //38 images has been shown, stop the interval
}, 100); });