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

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

编辑说明：现在已经过测试

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