Simple .fadeIn .fadeOut jQuery

HTML

<div class="fadein">
    <img src="http://media.giphy.com/media/s5CJw8UPITK6I/giphy.gif" />
    <img src="http://media.giphy.com/media/nFqZsBhFvEru0/giphy.gif" style="display:none"/ >
</div>

CSS

.fadein { position:relative; width:100% height:100%; }
.fadein img { position:absolute; left:0; top:0; }

JavaScript

$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){
      $('.fadein :first-child').fadeOut(1000)
         .next('img').show(0).delay(1000).hide(0)
         .end().appendTo('.fadein');}, 
      5000);
});