jQuery图像转换

我似乎不明白我在这里要做什么。我正在尝试创建一个简单的图像幻灯片，我正在试图找出如何使它工作。它没有通过我的for循环，我不明白为什么。这是我的一堆代码：。

这里：

出了什么问题：

图像必须首先通过CSS隐藏，只有第一个图像可见

通过使用for循环，所有图像将只显示一次。请注意，.delay（）不会影响循环，因此所有迭代都将一次进行

您可以通过使用setTimeout的递归实现来解决这个问题

.get（0）

和

.get（1）

选择器也错误，请改用第n个子项（i）

var slideCount = $('.slider div.slide').length;
nextPic(0);

function nextPic(i){

    var next = (i+1)%(slideCount+1);

    $('.slider div:nth-child('+i+')').fadeOut(100);
    $('.slider div:nth-child('+next+')').fadeIn(100);  

    setTimeout(function(){nextPic(next);},1000);
}

或使用

.get（）

选择器的更紧凑的实现：

---

这真的很有效，我不认为我会想出一段时间。我正在修补递归，但没有取得多大进展。我注意到的一个问题是，它在第一张图片中出现了两次。有什么想法吗？谢谢。哦，那是因为第n个孩子从1开始计数，而.get（）是从0开始的。