killTweenTo Slider Help

[gregorygarden]

New to gsap and js, trying to implement delayedCall in my slider like in the Bassta tutorial (http://bassta.bg/2013/05/simple-fade-infade-out-slideshow-with-tweenlite/). I am running into difficulty trying to killTweento when clicking on 'prev' or 'next'.

 

clearTimout seems to work from the original code (http://tympanus.net/codrops/2013/04/17/background-slideshow/); however, I would like to utilize gsap for this, so I can use sizzle or some other selector engine, instead of full-blown jquery.

 

(My attempt at killTweenTo is commented out in the code)

 

http://jsfiddle.net/gregorygarden/q68723x4/

 

 

See the Pen wBBqxB by anon (@anon) on CodePen

[Diaco]

Hi gregorygarden 

 

try this :

function startSlideshow() {
 TweenMax.killDelayedCallsTo(play);
 TweenMax.delayedCall(3.5, play);
}
function play(){
 navigate( 'next' );
 startSlideshow();
}

See the Pen Byywdp by MAW (@MAW) on CodePen

[gregorygarden]

You rock! Thank you very much for the timely response.

 

Updated: http://jsfiddle.net/gregorygarden/q68723x4/