javascript - シーケンシャル イメージ フェードを作成する方法

Question

最後の配列イメージ要素の最後で停止する必要があるシーケンシャル イメージ フェードイン効果を作成しようとしています。現在、1つの要素のみをフェードインするこの機能があります。

どんな提案でも大歓迎です、ありがとう

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