Loops javascript循环项目彼此之后

我试着让3个图像彼此相邻，当页面加载时，它们会依次淡入淡出，然后重复。我尝试为每张图片创建一个包含类数组的循环

<script>

    $('.pic').css('opacity', 0.6);

    var picName = ["mic", "guitar", "drums"];

    for (var i=0; i<picName.length; i++) {
        $("."+picName[i]).fadeTo('slow', 1).delay( 1000 ).fadeTo('slow', 0.6);
        $("."+picName[i]).delay( 1000 );
    }

问题是它们同时淡入淡出

<script>

    $('.pic').css('opacity', 0.6);

    var picName = ["mic", "guitar", "drums"];

    for (var i=0; i<picName.length; i++) {
        $("."+picName[i]).fadeTo('slow', 1).delay( 1000 ).fadeTo('slow', 0.6);
        $("."+picName[i]).delay( 1000 );
    }

任何帮助都将不胜感激

<script>

    $('.pic').css('opacity', 0.6);

    var picName = ["mic", "guitar", "drums"];

    for (var i=0; i<picName.length; i++) {
        $("."+picName[i]).fadeTo('slow', 1).delay( 1000 ).fadeTo('slow', 0.6);
        $("."+picName[i]).delay( 1000 );
    }

代码如下：

<script>

    $('.pic').css('opacity', 0.6);

    var picName = ["mic", "guitar", "drums"];

    for (var i=0; i<picName.length; i++) {
        $("."+picName[i]).fadeTo('slow', 1).delay( 1000 ).fadeTo('slow', 0.6);
        $("."+picName[i]).delay( 1000 );
    }

$（'.pic'）.css（'opacity'，0.6）；
var picName=[“话筒”、“吉他”、“鼓”]；
对于（var i=0；i您总是将延迟设置为1000。您必须将该值乘以
i

<script>

    $('.pic').css('opacity', 0.6);

    var picName = ["mic", "guitar", "drums"];

    for (var i=0; i<picName.length; i++) {
        $("."+picName[i]).fadeTo('slow', 1).delay( 1000 ).fadeTo('slow', 0.6);
        $("."+picName[i]).delay( 1000 );
    }


var picNames
$（函数（）{
picNames=$（“#图像>div”）；
css（'opacity'，0.6）；
imageFlash（0）；
});
功能图像闪存（i）{
picNames.eq（i）.fadeTo（'slow'，1）.delay（1000）.fadeTo（'slow'，0.6）；
i++；
如果（i>=picNames.length）i=0；
设置超时（“imageFlash（“+i+”），1000）；
}
#图像{空白：nowrap；}
#图像>div{显示：内联块；宽度：120px；高度：120px；背景：绿色；边距：4px；}
感谢Christopher对我的帮助，因为我是javascript新手。这是我需要的最后一段代码

<script>

    $('.pic').css('opacity', 0.6);

    var picName = ["mic", "guitar", "drums"];

    for (var i=0; i<picName.length; i++) {
        $("."+picName[i]).fadeTo('slow', 1).delay( 1000 ).fadeTo('slow', 0.6);
        $("."+picName[i]).delay( 1000 );
    }

$('.pic').css('opacity', 0.6);

    var picName = ["mic", "guitar", "drums"];

    setInterval(fadingPics, 9000);

    function fadingPics() {
        for (var i=0; i<picName.length; i++) {
            $("."+picName[i]).delay( 1000*i*3 ).fadeTo(1000, 1).delay( 1000 ).fadeTo(1000, 0.6);
        };
    };

$（'.pic'）.css（'opacity'，0.6）；
var picName=[“话筒”、“吉他”、“鼓”]；
设置间隔（渐减PICS，9000）；
函数fadingPics（）{
对于（var i=0；i这是什么？$（“+picName[i]）。延迟（1000）；太好了。然后我如何使它循环，使它不断重复自己？@MattLeach这是你一直在寻找的解决方案吗？它有点更好。仍然不太正确，但我正在朝着正确的方向前进。@MattLeach这是你问题的答案。缺少什么？让图像彼此褪色很好，但我不能我不能让它在循环中重复。当我添加setInterval时，它会停止工作。到目前为止，我得到的是：（var I=0；I）的setInterval（function（）{}）