jQuery fadeIn/fadeOut setInterval slideshow

simple. fonctionne sans plugin

HTML

<div class="diaporama">
  <img src="http://lorempixel.com/400/200/sports/1" alt="…" />
  <img src="http://lorempixel.com/400/200/sports/2" alt="…" />
  <img src="http://lorempixel.com/400/200/sports/3" alt="…" />
</div>

CSS

.diaporama {
  position: relative;
  height: 400px;
  width: 200px;
}

.diaporama img {
  position: absolute;
  left: 0;
  top: 0;
}

JavaScript

$(function() {
  $('.diaporama img:gt(0)').hide();
  setInterval(function() {
    $('.diaporama :first-child').fadeOut(1500).next('img').fadeIn(1500).end().appendTo('.diaporama');
  }, 5000);
});