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

Question

[Nik]

Я сделал красивую анимацию прелоадера в after effects и хочу что бы оно было на сайте. Как реализовать так что бы пользователь зашел на сайт прелоадер срабатывал несколько секунд и открвался сайт? Заметьте что прелоадер гифка!)

Answer 1

[WapSter]

Заметьте что прелоадер гифка!)

Уж лучше видео вставляй.
Вот самый простой вариант по таймеру. Можно также по событию load. Так же важно правильно разместить данный код на странице логически подумав учитывая, что страница загружается сверху вниз и js не умеет работать, с не прогрузившимися селекторами.

Comments

[Nik]

Так я начинающий и пока что учу. Вопрос а как видео либо гифку сделать svg при этом он сохранял анимацию?

[WapSter]

Nik, никак. svg это векторная графика, видео и обычные нарисованные картинки это растровая.

Answer 2

[Олег]