Как правильно реализовать прелоадер для сайта?

Question

[Sergey Semenov]

Решил повесить на сайт прелоадер и задумался как его грамотно сделать, сделать хочу по уму. Не просто анимацию с таймером, а так что бы под грузилась страница и анимация пропала. Как это сделать?
Буду признателен.

Comments

[Sergey Semenov]

Спасибо, учту.

[Сергей delphinpro]

Er Code, гениально =)

Answer 1

[Сергей]

https://www.youtube.com/watch?v=rSjYDeWYz0w&featur...

Answer 2

[Alexandr Alexandrov]

Или например,

• https://github.com/niklausgerber/PreLoadMe
  
• https://ihatetomatoes.net/create-custom-preloading...
  

Answer 3

[drtvader]

Можешь через document ready прятать блок прелоадера.
Анимацию прелоадера можно самому сделать.

Answer 4

[Rudy Dudy]

Если вы используете jquery $('#loader-wrapper').fadeOut(300);
Анимацию самого лоудера можно найти на codepen используя поиск по сайту с ключевым словом loader