jQuery fadeIn и fadeOut Проблема

Question

У меня есть jQuery для слайдера изображения, но по какой-то причине мой эффект fadeIn работает только на первом слайде, а эффект fadeOut работает на всех слайдах, кроме последнего. Я начинаю, когда дело доходит до jQuery, поэтому может быть что-то очень простое. Ниже приведен код jQuery для слайдера, любая помощь очень ценится!

sliderInt=1; 
sliderNext=2; 

$(document).ready(function(){ 
    $("#slider>img#1").fadeIn(300); 
    startSlider(); 
}); 


function startSlider(){ 
    count=$("#slider>img").size(); 

    loop=setInterval(function(){ 

     if(sliderNext>count){ 
      sliderNext=1; 
      sliderInt=1; 
     } 

     $("#slider>img").fadeOut(1000); 
     $("#slider>img#"+sliderNext).fadeIn(1000); 

     sliderInt=sliderNext; 
     sliderNext=sliderNext+1; 

    },5000); 
} 

Answer 1

Try изменения:

$("#slider>img#"+sliderNext).fadeIn(1000); 

To:

$("#slider>img#"+sliderNext).fadeIn(2000); 

Я также сделал пример здесь: jsfiddle