JSFiddle - React, Tailwind, and code Playground

HTML

<div style="text-align:center;">
    <img src="congo.jpg" name="slide" width="400" height="300">
</div>

JavaScript

var image1 = new Image()
image1.src = "congo.jpg"
var image2 = new Image()
image2.src = "snow.jpg"
var image3 = new Image()
image3.src = "mekong.jpg"

var step = 1

    function slideit() {
        document.images.slide.src = eval("image" + step + ".src")
        if (step < 3) step++
        else step = 1
        setTimeout("slideit()", 2500)
    };
slideit();