JSFiddle - React, Tailwind, and code Playground
HTML
<div class="slidershow">
</div>
CSS
.slidershow {
width: 400px;
height: 300px;
transition: 0.2s;
}
JavaScript
const slideEl = document.querySelector('.slidershow');
const arrSlide = ['http://placekitten.com/400/300','http://placekitten.com/400/400','http://placekitten.com/400/500'];
slideEl.style.background = `url(${arrSlide[0]})`;
let current = 0;
function chSlide(){
slideEl.style.background = `url(${arrSlide[++current % arrSlide.length]}) center/cover`;
setTimeout(chSlide, 2000);
}
setTimeout(chSlide(), 2000);