JQuery：简单幻灯片播放的问题

我在尝试制作一个超级简单的幻灯片时遇到了麻烦。我不明白为什么它不起作用。第一张图片显示出来，但它没有循环通过

以下是JSFIDLE：

以及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>

$（文档）.ready（函数（）{
setInterval（“rotateImages（）”，2000年）；
});
函数rotateImages（）{
var$onCurrent=$（“#imageSlider div.current”）；
var$onNext=$onCurrent.next（）.length？$onCurrent.next（）；
：$（“#图像滑块div:first”）；
如果（！onNext.length）
onNext=$（“#图像滑块分区：第一”）；
$onCurrent.addClass（'previous'）；
$onNext.css（{opacity:0.0}）.addClass（'current'）.animate（{opacity:1.0}，2000，function（）{
$onCurrent.removeClass（'previous'）；
});
}

---

任何帮助都将不胜感激

它现在正在工作。实际上我做了很多改变

您的更新

---

图像未加载到小提琴中。无法尝试。更改为此并尝试设置间隔（rotateImages，2000）；JSFIDLE更新了图片。更改没有任何区别是的。我正在努力。这一行的错误$onCurrent.next（）；这里没有分号。

    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);
}