JQuery：简单幻灯片的麻烦

我正在努力制作一个超级简单的幻灯片。 我无法弄清楚为什么它不起作用。 第一张图片显示但不循环。

这是JSFiddle： http ： //jsfiddle.net/cydonknight/kyhxy/

和JQuery：

  $(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'); }); }  

任何帮助将不胜感激！

Answer 1

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

你更新的小提琴

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