JSFiddle - React, Tailwind, and code Playground

HTML

<figure class="MiniModImgSlider">
    <img src="http://cdn.marketplaceimages.windowsphone.com/v8/images/df094e86-e49d-4889-9899-8697b72da9ce?imageType=ws_icon_large" alt="img01"/>
    <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTFNVIA66fnG6dfffWoa4BOpaN6xJBWRIGJp_p6Mror8YKID-Qy" alt="img02"/>
    <img src="http://www.logoeps.net/wp-content/uploads/2013/06/stackoverflow_logo.jpg" alt="img03"/>

</figure>

CSS

.MiniModImgSlider
{
    background-color: #ccc;
    background-size: 100%;
    background-position: center;
    height: 300px;
    margin: 30px;
    max-width: 100%;
    position: relative;
}

.MiniModImgSlider img
{
    display: none;
    max-width: 100%;
    position: absolute;
}

JavaScript

var imgs = $(".MiniModImgSlider img")
.map(function()
     {
         return $(this).attr('src');
     });

var imgIndex = 0;
setInterval(function()
            {
                var url = imgs[imgIndex++ % imgs.length];
                $(".MiniModImgSlider")
                .css('background-image', 'url('+url+')');
            },1000);