Простые слайды с замираниями

Question

Полная Java-девственница. Был поиск быстрого способа создания слайда с замиранием и наткнулся на StackExchange. Джефф Миллер предоставил этот код на jsfiddle, который я скопировал, но мой застрял на первом изображении .... я что-то упускаю. Вот моя версия кода. Я просто снял код и перевел его на одну страницу. Пробовал в Firefox и Chrome ... то же самое. Любые советы с благодарностью получили. Благодарю.

$('.fadein img:gt(0)').hide(); 
 

 
setInterval(function() { 
 
    $('.fadein :first-child').fadeOut() 
 
    .next('img') 
 
    .fadeIn() 
 
    .end() 
 
    .appendTo('.fadein'); 
 
}, 1000); // 4 seconds

.fadein { 
 
    position: relative; 
 
    height: 320px; 
 
    width: 320px; 
 
} 
 
.fadein img { 
 
    position: absolute; 
 
    left: 0; 
 
    top: 0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="fadein"> 
 
    <img src="http://farm9.staticflickr.com/8359/8450229021_9d660578b4_n.jpg"> 
 
    <img src="http://farm9.staticflickr.com/8510/8452880627_0e673b24d8_n.jpg"> 
 
    <img src="http://farm9.staticflickr.com/8108/8456552856_a843b7a5e1_n.jpg"> 
 
    <img src="http://farm9.staticflickr.com/8230/8457936603_f2c8f48691_n.jpg"> 
 
    <img src="http://farm9.staticflickr.com/8329/8447290659_02c4765928_n.jpg"> 
 
</div>

Answer 1

Это быстрый и грязный (привычка проверять, но эй хо)