JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slides">
<img src="http://img.brothersoft.com/games/flash/icon/t/two-funny-dogs-33556-1270707905.jpg" />
<img src="http://cdn.babble.com/family-kitchen/files/2011/06/grilling-dogs-100x100.jpg" />
<img src="http://www.slobberspace.com/images/DesignerDogs.jpg" />
</div>

CSS

.slides {
    position: relative;
}
.slides img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

JavaScript

$(document).ready(function(){

    $('.slides img:first').show();
    
    setInterval(function(){
        var current = $('.slides img:visible');
        var next = (current.next().length == 0 ? $('.slides img:first') : current.next());
        current.fadeOut();
        next.fadeIn();
    }, 2000);
    
});