help - "loading" page before main page shows

[sentosa]

example: https://1amdev.com/

but let's keep it simple: just show the word "hello" in black against an all white background. hold for ~2 seconds, then fade out.

any help?

 

[Kreativ Digital]

example: https://1amdev.com/

but let's keep it simple: just show the word "hello" in black against an all white background. hold for ~2 seconds, then fade out.

any help?

Paid or Unpaid?

 

[Tom Croft]

Essentially you're going to want a fixed div that's full height and width with an image or gif in the center. In JS we can just say on page load, wait 2 seconds then remove the element / give it a class which will fade it out.

If you're not very technically inclined, there are JS libraries such as Fakeloader which is perfect for this and even comes with a few free loaders.

 

[sentosa]

Paid or Unpaid?

Essentially you're going to want a fixed div that's full height and width with an image or gif in the center. In JS we can just say on page load, wait 2 seconds then remove the element / give it a class which will fade it out.

If you're not very technically inclined, there are JS libraries such as Fakeloader which is perfect for this and even comes with a few free loaders.

I just used basic HTML and CSS and keyframes to fade out the full width/height div. In other words, I solved the problem

 

[Xenons]

I just used basic HTML and CSS and keyframes to fade out the full width/height div. In other words, I solved the problem

In theory yes that works but using js to execute it on page load actually works as proper loader as well
if a page is small you can always just add a delay before the div is faded out or such.

 

[sentosa]

In theory yes that works but using js to execute it on page load actually works as proper loader as well
if a page is small you can always just add a delay before the div is faded out or such.

It's not so much of a loader as it is a part of the website that always executes, even on an instant page load.

 

[Sullybash12]

That page isn't necessarily loading during that transition, it is just showing you something, appearing to load.

 

[Xenons]

It's not so much of a loader as it is a part of the website that always executes, even on an instant page load.

yeah but I said it as a bonus, for example if someone has a really old pc and actually requires a while to load, it will wait till the site loads for the user
and you can add a delay as I mentioned to make it always at least x amount of seconds long before it goes away

 

[sentosa]

That page isn't necessarily loading during that transition, it is just showing you something, appearing to load.

Yes that's... that's the whole point...

 

[Sullybash12]

Just have a new div and have javascript sleep for 2 seconds before transitioning to a new page...