JSFiddle - React, Tailwind, and code Playground

by techunter

HTML

<div class="fadein">
  <a href=""><img src="/media/home-content.jpg" alt="A" />aaaaa</a>
  <a href=""><img src="/media/Banners/images/denim.jpg" alt="B" />bbbbbb</a>
</div>

CSS

.fadein a{
    display:none;
}

JavaScript

var current = null;
$(function(){
    $('.fadein').each(function(){
        var context = this;
        current = $('a',this).first().show();
        setInterval(function(){
            $(current).hide();
            var next = $(current).next('a');
            if(next.length === 0){
                next = $('a',context).first();
            }
            current = $(next).show();          
        }, 1000);
    });
});