JQuery：簡單幻燈片的麻煩

Question

我正在嘗試製作超級簡單的幻燈片。我無法弄清楚爲什麼它不起作用。第一張照片顯示出來，但沒有循環。

這裏是的jsfiddle：http://jsfiddle.net/cydonknight/kyhxy/

和JQuery的：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 

     <script type="text/javascript"> 
     $(document).ready(function(){ 
      setInterval("rotateImages()", 2000 ); 
     }); 
     function rotateImages(){ 
      var $onCurrent= $('#imageSlider div.current') ; 


      var $onNext= $onCurrent.next().length ? $onCurrent.next(); 
       : $('#imageSlider div:first'); 

      if (!onNext.length) 
       onNext=$("#imageSlider div:first"); 

      $onCurrent.addClass('previous'); 
      $onNext.css({opacity: 0.0}).addClass('current').animate({opacity:1.0}, 2000, function() { 
        $onCurrent.removeClass(' previous'); 
        }); 


      } 

    </script> 

任何幫助將不勝感激！

Answer 1

它現在工作。其實我做了很多改變。

更新的fiddle

setInterval(rotateImages, 2000); 

function rotateImages() 
{ 
var $onCurrent= $('#imageSlider div.current') ; 
var $onNext= $onCurrent.next().length ? $onCurrent.next() : $('#imageSlider div:first'); 

if (!$onNext.length) 
    $onNext=$("#imageSlider div:first"); 

$("#imageSlider div").removeClass("current").css("opacity", 0); 
$onNext.addClass('current').animate({opacity:1.0}, 1000); 
}