JSFiddle - React, Tailwind, and code Playground

HTML

<div id="logodiv">
    <img id="logo" src="http://iflorian.com/test/image/1000.jpg"/>
</div>

CSS

#logo { display:block; }

JavaScript

$("#logodiv").ready(function() {
    var $logo = $("#logo"), src = $logo.attr("src");
    var index = src.indexOf('.jpg');
    var step = 999;// +src.slice(index-4, index);
    var dir = 1;

    function frame() {
        step += dir;
        if(step >= 1050) {
            dir = -1;
        }
        else if(step <= 1000){
            dir = 1;
        }
            
        var newSrc = src.slice(0, index-4) + step + ".jpg";
        console.log(newSrc);
        $logo.attr('src', newSrc);
        setTimeout(frame, 100);
    }
    
    frame();
});