Banner auto carousel

[moorthi]

Hi All,

 

I am trying to develope auto carousel banner , but can't. 

 

Anyone can help me out? try to make above  banner into auto carousel.

See the Pen pJyYEO by bdang (@bdang) on CodePen

[Carl]

hi and welcome to the GreenSock forums,

 

First, that's a really nice carousel. Great job!

 

I can't go in and spend a lot of time figuring out how to make everything work. 

In simplest terms you just need a function to navigate to the next slide at a certain interval.

 

I was able to get it running by adding:

 

function auto(){
    activeID++;
    navigateSlide();
    TweenLite.delayedCall(0.5, auto)
  }
  //
  auto();

http://codepen.io/GreenSock/pen/WQRVGP?editors=101

 

You are probably going to want to de-activate the automated advancement every time a user clicks on a dot or arrow.

 

You can use TweenLite.killTweensOf(auto) to do that

 

http://greensock.com/docs/#/HTML5/GSAP/TweenLite/killTweensOf/