JSFiddle - React, Tailwind, and code Playground

HTML

<img id="slika" src="a.jpg">
<div id="tekst">Tekst za slajd</div>
<button type="button" onclick="start()">start</button>
<button type="button" onclick="stop()">stop</button>

JavaScript

function start() {
    // Init slides
    var timeId;
    var nizSlika = [];
    nizSlika[0] = "a.jpg";
    nizSlika[1] = "b.jpg";
    nizSlika[2] = "c.jpg";
    nizSlika[3] = "d.jpg";

    function slideLoop() {
        // Show current slide
        var slika = nizSlika[slideIndex];
        document.getElementById("slika").src = slika;
        // alert(slideIndex);

        // Schedule next slide
        slideIndex = ++slideIndex % nizSlika.length;
        timeId = setTimeout(function () { slideLoop() }, 2000);
    }
    
    // Start loop
    var slideIndex = 0;
    slideLoop();
}