Базовые элементы страницы на чистом Javascript. Прелоадер для сайта. Preloader

[@omeyzi]

Жирный лайк!

[@Frontcoder]

Рад, что вам понравилось!

[@mrakcw]

А как на счет того чтоб запихнуть обертку и стили в js? Что делать если нету возможность редактирования не html, не css... Есть только возможность вставить скрипт в head

[@deadlytouze]

Спасибо

[@drakobine6843]

Здравствуйте, спасибо большое за видео.можете ли вы подсказать как поставить задержку чтобы анимация долго грузилась???

[@rusgames3544]

setTimeOut

[@charlesbaudelaire7454]

Здравствуйте Анатолий, спасибо большое за видео. Может вы сделаете следующее видео о том, как на чистом js сделать фильтр, например есть слайдер и сверху кнопки, при нажатии на них менются слайды местами, такой функционал есть у jQuery плагина isotope, если есть возможность сделайте пожалуйста очень буду благодарен, ещё раз спасибо большое

[@Frontcoder]

Добрый день. Возможно

[@kirillsundaen8810]

Прелоадер вставляете, показываете, пока он вам нужен. Как только он вам становится не нужным - вы его скрываете. А как отловить то этот момент?

[@Frontcoder]

Добрый день. В видео показано как отловить момент загрузки всей страницы.

[@Heretic_Man]

А если на странице есть карта да не одна? То залипать на эту крутилку можно долго. Как обойти это?

[@arthurshaidullin7981]

попробуй вручную задать время прелоадеру

[@ПавелМинич]

Примени "ленивую" загрузку карт, т.е. загрузку этих карт в низком разрешении с последующей загрузкой полноформатного варианта по мере прокрутки страницы.

[@Dmitry_Harlamov]

Я не могу понять почему у меня не подсвечивается метод style ?

[@Frontcoder]

Добрый день. Проверьте настройки своего редактора

[@ВіталійТіщенко-в3в]

как сделать что он не двигался?, пробивал вставлять в html не получается!

[@Frontcoder]

Добрый день. Не совсем понял вопрос

[@1kirillkirsanov]

html { overflow-x: scroll; overflow-y: scroll; }

[@AlertKaput]

Помогите, не исчезает прелоадер

[@Frontcoder]

Вступайте в чат в телеграм. Ссылка в описании видео. Там помогут

[@pavlik250]

Был бы полезный урок как корзину сделать на сайте. Чтобы товары добавлять/удалять и чтобы при перезагрузке страницы они оставались в корзине. Ну как во всех интернет магазах

[@Frontcoder]

Добрый день. Это уже бекенд

[@GutsWarhammer]

Спасибо за урок. Но! У меня не выстраивалось по центру как у Вас. Пришлось прописывать вот так еще, убрав у класса .prelpader лишнее и убрав float:left у контейнера ниже . И тогда встало всё по центру. .preloader{ position: fixed; background-color: rgb(16, 19, 46); display: flex; height: 100%; width: 100%; z-index: 9999; } #fountainTextG{ width:450px; margin:auto; display: flex; justify-content: center; align-items: center; } .fountainTextG{ color:rgb(255, 255, 255); font-family:Arial; font-size:50px; text-decoration:none; font-weight:normal; font-style:normal; animation-name:bounce_fountainTextG; animation-duration:1.361s; animation-iteration-count:infinite; animation-direction:normal; transform:scale(.5); }

[@Frontcoder]

Добрый день. Вы не все мои стили перенесли. Проверьте еще раз

[@GutsWarhammer]

@@Frontcoder Я не брал Ваши стили. Потому что добавил на свой сайт другой немного прелоадер. Но добавил так же сразу после хеда, не засовывая в другие контейнера. Вот и не понимаю почему у меня так получилось.