Jump to content


GSAP Slider with preloader

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

@DD77 Tutorial for a simple fading slideshow that cycles back to start.




I don't have time to figure out code for the dots but the schema would be something like this.


Get the slides.length (ie the number of slides)

Function to output a corresponding number of dots and click function (using an each for instance) relating index of dot to index of slides

Function that would interrupt normal slide progress and go to slide selected by dot.


Link to comment
Share on other sites

7 hours ago, Dipscom said:

What I am going to have to build - excuse my language if that's not the correct one - is the little distracting thing that distracts you while the browser does its thing while talking to the server. Which, I assume, is helpful to our DD77 colleague here.


If you have insight to offer, I am all ears. And eyes. :)




Oh OK I think what you mean is an animated loader graphic that runs while page/assets are loading. I guess that's what most people mean by loader.


Sorry I thought you were talking about a system for loading content into the slider.


Referring back to an earlier post you can often avoid the need for a preloader and loader graphic if you have a system for deferring asset loading:

This site for instance that I am working on is a single page site that has to load a large number of assets but it defers the loading of all but the first few so the page loads fairly quickly. Without deferring asset loading I would almost certainly need to add a loader to entertain people while they wait.





Couple of interesting links below about loaders and some good ideas for loader animations. 




See the Pen fisgL by mimoYmima (@mimoYmima) on CodePen


  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.