如何创建顺序图像淡入淡出？

Question

我正在尝试创建一个有效的连续图像淡入淡出，它必须在最后一个数组图像元素的末尾停止。 目前我有这个功能，只有一个元素消失。

感谢任何建议，谢谢

function x() {
     $('#myImage').fadeIn(600, function() {
         $(this).attr('src', images[0]).css({'display':'none'}).fadeIn(600);
     });
}

Answer 1

通过添加索引参数和转义子句

来递归调用x方法

function x(imageIndex)
{
     $('#myImage').fadeIn(600, function(){
         $(this).attr('src', images[imageIndex]).css({display:'none'})
     });
     if(imageIndex < images.length)
     {
          x(imageIndex+1);
     }
}

Editnote：现在已经过测试

Answer 2

这是你想要的吗？

jsfiddle

function x(imageIndex)
{
    if(!imageIndex) imageIndex = 0;
    $myImg.fadeIn(600, function(){
        if(imageIndex < images.length) {
            $(this).hide().attr('src', images[imageIndex]);
            x(++imageIndex);
        }
    });
}

x();