javascript - fadeToggle を使ったフェードインとフェードアウト

Question

フェードトグルを使用して、ループでいくつかの画像をフェードインおよびフェードアウトしています。画像 1 がフェードアウトした後、画像 2 のフェードインを開始する方法はありますか?

これは私が取り組んでいるコードです。

$(function() {
    function run_animation($element, delay, duration) {
        $element.delay(delay).fadeToggle(duration, function () {
            run_animation($element, delay, duration);
        });
    }
    run_animation($('.pointer1'), 1000, 1200);
    run_animation($('.pointer2'), 3000, 1200);
    run_animation($('.pointer3'), 4500, 1200);
    run_animation($('.pointer4'), 6000, 1200);
    run_animation($('.pointer6'), 7500, 1200);
    run_animation($('.pointer7'), 9000, 1200);
    run_animation($('.pointer8'), 10500, 1200);
});