Как бы вы оптимизировали этот код для слайд-шоу с бесконечным плавным затуханием в jquery 4 slide?

Question

Я создал бесконечное слайд-шоу из 4 изображений, которое работает более или менее хорошо (код ниже), затемняя каждое изображение и делая паузу на короткий период. Затем повторять в бесконечном цикле. Но я заметил, что сроки переходов не всегда одинаковы. Я также не уверен, что сделал это наилучшим образом, вызвав функцию slides () внутри функции slides (). Возможно, именно это является причиной несоответствий во времени? Как бы вы оптимизировали этот код? Пожалуйста, имейте в виду, что это должно быть бесконечное слайд-шоу. Заранее спасибо.

slides();

function slides() {
    $('#slide1').fadeTo(1200, 1).fadeTo(3000, 1, function () {
        $('#slide1').animate({
            opacity: 0
        }, 1500);
        $('#slide2').fadeIn(1500).fadeTo(3500, 1, function () {
            $('#slide2').animate({
                opacity: 0
            }, 1500);
            $('#slide3').fadeIn(1500).fadeTo(3500, 1, function () {
                $('#slide3').animate({
                    opacity: 0
                }, 1500);
                $('#slide4').fadeIn(1500).fadeTo(3500, 1, function () {
                    $('#slide4').animate({
                        opacity: 0
                    }, 1500);
                    slides();
                });
            });
        });

    });

}

Answer 1

slide(1);

function slide(n) {
  $('#slide' + n).fadeTo(1200, 1).fadeTo(3000, 1, function () {
        $('#slide' + n).animate({
            opacity: 0
        }, 1500);
        slide((n % 4) + 1);
  });
}