jquery - 画像をフェードアウトしてからソースを変更し、画像を再びフェードインに変更した後

Question

私はここでスライダーに取り組んでいます。私がやっていることは、ボタンのクリックで次のように言うことです。画像をフェードアウトしてから、ソースを動的に変更してからフェードインします。不透明度が0のcssクラスのfadeOutは、srcが変更されるとクラスを削除します。どうすればそれを達成できますか？フェードインするまでにも時間が必要です。助けてください。ありがとう。

Next Button ハンドラのコードは次のとおりです。

 $('#nextHandler').click( function() {
        var nextListItem = ul.find('li.current').next();
        if ( nextListItem.length > 0 ) {
            ul.find('li.current').removeClass('current');
            nextListItem.addClass('current');
            var imagePath = ul.find('li.current').children('img').data("fullsrc");

            $('#fullImagePlaceholder').fadeOut(function () {
                $('#fullImagePlaceholder').attr('src', imagePath).fadeIn(500);
            }, 500);
        }
    });
});

今、私はフェードアウト機能を追加しましたが、機能していません。