Javascript jQuery幻灯片放映赢得'；t形环

我知道以前也有人问过类似的问题，但我是jQuery的新手，我似乎无法找到任何可行的解决方案，所以请原谅我的天真。我创建了一个非常简单的幻灯片，但当最后一张幻灯片显示时，它不会循环回到开始，而是淡出。我怎样才能使它连续循环

$(document).ready(function(){
  $(".featured > div:gt(0)").hide();

  setInterval(function() {
    $('.featured > div:first')
    .fadeOut(2000)
    .next()
    .fadeIn(2000)
    .end()
    .replaceWith();
  }, 4000);

});

完全删除所有调用它的DOM元素，这样就没有什么可循环的了

试着改用。这将把第一个元素移动到最后，使您能够在一个无休止的循环中继续

setInterval(function() {
    $('.featured > div:first')
        .fadeOut(2000)
        .next().fadeIn(2000).end()
        .appendTo('.featured');
}, 4000);

更新：

根据您的页面布局，您可能希望在回调中执行

appendTo（）

，以便在

fadeOut（）

完成之前它不会移动：

setInterval(function() {
    $('.featured > div:first').fadeOut(2000, function() {
        $(this).appendTo('.featured');
    }).next().fadeIn(2000);
}, 4000);

---

谢谢，这确实会导致它循环，这太棒了！但现在新幻灯片出现时，旧幻灯片尚未完全淡出。两张幻灯片一张接一张地出现了一秒钟左右。哇，是的！谢谢，顶级代码最适合我。通过将.fadeout（2000）改为.hide（），我还可以在上面的评论中解决这个问题，它现在运行得很好。非常感谢你的帮助！