[Slider with perspective cube turning on its head]

Thanks Carl and I am really sorry. I thought (or was hoping) this would be an obvious issue (related to GSAP) that I am just skilled enough to understand. But this explains why I did not get any response. I will go back to the drawing board with a simple demo  and just concentrate on the cube as you suggested. Thank you. 

[Slider with perspective cube turning on its head]

Doesn't anyone have an idea or could hint the direction I would need to go? I am really stuck right now. Thanks

[Slider with perspective cube turning on its head]

Thanks, I appreciate it.  I noticed that about the clicks, too. And I have no idea why. I kept the backface-visibility on so the issue is more obvious. 

[Slider with perspective cube turning on its head]

Hi everyone,

 

I have been playing around with my slider and it works as it is supposed to. But one thing that I cannot figure out is how do I prevent the "feature" part on the upper right corner to turn on its head after clicking it more than three times? It is supposed to start over again with the first feature. I have tried so many things but do not know how I could make the feature start again. 

 

I have been trying to understand Jonathan's pen but my JS is not at that level yet. :-(

 

See the Pen XVPvZq by jonathan (@jonathan) on CodePen

Hopefully someone can help.

Thanks

Lucas
 

 

See the Pen ywvOOb by lukenicktap (@lukenicktap) on CodePen

[Tweaking GSAP slider]

Hi,

 

after having followed the forum, checking many examples and watching some tutorials, I have started playing with GSAP and so far it has been really fun. Now I have used Jonathan's example of the slider with controls (this one: 

See the Pen qqmBjQ by jonathan (@jonathan) on CodePen

). It worked quite well, but now I am stuck on two things. So I thought now would be a good opportunity to start posting in the forum

 

Is it possible to have autoplay just run once and stop at the last frame? And how could I add digits that let me navigate to each slide and show which slide is active? 

 

Here is my example: 

 

For the autoplay I tried: 

function loopCheck() {

     $currentSlide++;

     if ($currentSlide < 2) {

  TweenLite.killDelayedCallsTo(play);

     } 

 

But this does nothing. 

 

If anyone could point me in the right direction, I would really appreciate it. 

 

Cheers,

 

Lucas

 

 

See the Pen peLreK by lukenicktap (@lukenicktap) on CodePen