GSAP Slider with preloader

[Visual-Q]

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

 

http://bassta.bg/2013/05/simple-fade-infade-out-slideshow-with-tweenlite/

 

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.

 

[Visual-Q]

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.

 

1

 

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.

 

http://questbrands.ca/betterbarriers

 

 

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

 

https://medium.muz.li/top-30-most-captivating-preloaders-for-your-website-95ed1beff99d

 

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