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