Не работает управление слайдером GSAP. Как правильно повесить хендлер?

Question

[Gustavo_H]

Приветствую и с праздниками!!!!

В общем получилось сделать корректно работающий слайдер, который меняет сюжеты как надо и не тормозит при выходе в другую вкладку. Встала задача управлять перелистыванием слайдов. Сейчас - функция работает в промежуточном варианте, это - тестовый ивент листенер, остальные - допишу по аналогии, когда разберусь. Логи стоят для проверки состояния и на листенере по логам видно, что функция gsaping работает корректно, но её результат не отображается. При этом, если просто в потоке при загрузке запустить эту функцию и в неё передать индекс существующего изображения - она сработает корректно, в листенере я делаю ресет и фактически на код при загрузке пускаю эту функцию с индексом существующего изображения, но....

Буду рад любой помощи
Код:
https://codepen.io/Guss_H/pen/vYezjZJ

Answer 1

[Gustavo_H]

Ларчик просто открывался - надо проверять оба условия, которые в ифе)))) Сори за беспокойство - сам нашёл))))

function slideOn(){
    if(active && index<3){
        gsaping(index);
        gsap.delayedCall(4,()=>{
            slideOn(index); 
        });
    }else if(active) { //тут ошибка в функции <else> нужно с условием, чтоб active проверялось
        index=0;
        slider.innerHTML=reset;
            slideOn(index);//пауза не нужна - лишнее замедление
    }
    
}