Как сделать прелоадер? Прелоадер для сайта на JavaScript с выводом процентов.

Поделиться
HTML-код
  • Опубликовано: 27 дек 2024

Комментарии • 48

  • @DenInside
    @DenInside 2 года назад +1

    Мужик, ты супер! Топ - канал!

  • @никита-э8ж9в
    @никита-э8ж9в 8 месяцев назад

    Классно 👍 правда классно,удачи автору

  • @cryptoboroda
    @cryptoboroda 2 года назад +2

    Попался в реках, как раз когда учу js сейчас

  • @valdesshogenov88
    @valdesshogenov88 Год назад

    суперкласс! всё получилось👌

  • @romanmegagunko4650
    @romanmegagunko4650 Год назад +5

    Главный минус этого скрипта в том, что после кеширования изображений, событие onload не отработает и весь основной функционал, прелоадер никогда не исчезнет. Поможет дополнительное условие if (file.complete) { render percent code... }

  • @jam3744
    @jam3744 2 года назад +1

    Шикарно

  • @4SVGlenfi
    @4SVGlenfi 2 года назад +1

    Годно :)

  • @a.k.9386
    @a.k.9386 Год назад

    Большое спасибо!

  • @rostislavklevetenko1577
    @rostislavklevetenko1577 Год назад +2

    Здравствуйте, прошу ответьте, как сделать прелоадер на загрузку всех изображений прямо из папки ИЛИ на загрузку всех background! Прошу ответьте кто-нибудь потому что я тупо не могу найти как это сделать!

  • @Дмитрий-л4с9х
    @Дмитрий-л4с9х 2 года назад

    Было очень полезно! Спасибо!

  • @genylivnev7822
    @genylivnev7822 Год назад

    как это переложить на django?

  • @littlecat8445
    @littlecat8445 2 года назад +3

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

    • @littlecat8445
      @littlecat8445 2 года назад

      @@AVISTV спасибо !

    • @TOMAN-d9j
      @TOMAN-d9j 2 года назад

      @@AVISTV Бро всё круто но onload не работает, то есть не работает код внутри функции onload. Я использую Chrome

  • @Подароквкомментариях

    время ток потерял) лодер крутится процент не идёт, хорошо что на гитхабе код брал) если бы ещё в ручную писал то вообще плевался бы)

  • @aweb_21
    @aweb_21 2 года назад +4

    Круто, но как говорится совершенству нет предела)
    Было бы ещё круче если бы процентики набегали)

    • @aweb_21
      @aweb_21 2 года назад +2

      В смысле динамично, от 1 до 100, а не такими резкими скачками)

    • @romanmegagunko4650
      @romanmegagunko4650 Год назад

      ​@@AVISTVжаль, что код уже удален. Я б тоже посмотрел

    • @romanmegagunko4650
      @romanmegagunko4650 Год назад

      Мне пришла идея только с модификацей кода из видео. При получении статичного процента запускать счетчик через setInterval (анимацию), до этого статичного значения. Но своеобразные скачки все равно будут..

  • @АнварЕлегант
    @АнварЕлегант Год назад

    огромное спасибо за гайд по прелоадеру, подписался-лайк ) надеюсь не забросил канал ? с такой крутой и подробной подачей материала обязан быть результат по просмотрам. Еще раз спасибо )

  • @FullStackV
    @FullStackV 9 месяцев назад

    в коде есть недостатки высота не выстраиватеся на всю, второе загрузка картинок виснет на 40% процентах, бывает, вообще 93.3, консоль ошибок не выдает

  • @SonGoku-vs1xv
    @SonGoku-vs1xv 2 года назад +1

    Привет, на каком js фреймворке работаешь? Если не секрет?)

    • @SonGoku-vs1xv
      @SonGoku-vs1xv 2 года назад

      @@AVISTV крутяк) планируешь видео про вью делать? Было бы супер

  • @ПавелИванов-ы6д
    @ПавелИванов-ы6д Год назад

    Как скачать стили с сайта? Там региться надо? Куда так торопишься, ниче не понятно

  • @mr_vinikstudio5585
    @mr_vinikstudio5585 2 года назад

    Можно ли сделать прелоадер на время загрузки JS скриптов? В этих скрпитах идёт вопрос API серверу, который отвечает, а скрипт должен это всё обработать и вывести информацию, на что требуется время и пока информации нет, текст просто пустует до того момента, пока не загрузится. Можно ли сделать прелоадер на время загрузки?

    • @mr_vinikstudio5585
      @mr_vinikstudio5585 2 года назад

      @@AVISTV, ну попробую. Мне просто говорили, что это нереально, только timeout ставить

    • @mr_vinikstudio5585
      @mr_vinikstudio5585 2 года назад

      @@AVISTV, я всё изучил, но либо я тупой, либо я тупой, ибо ничего не понял .-.

  • @МихаилФатеев-ш3м
    @МихаилФатеев-ш3м 2 года назад

    Дам ну это работает в том случае если изображения заданы в разметке, а если их в стилях задаём? Сработает ли в таком случае если мы соберём в массив элементы на которых изображения или так не работает?

    • @МихаилФатеев-ш3м
      @МихаилФатеев-ш3м 2 года назад

      Мал я так скажем ещё на знаю всех глубин и тонкостей

    • @МихаилФатеев-ш3м
      @МихаилФатеев-ш3м 2 года назад

      @@AVISTV спасибо мне не помогло но все же

    • @МихаилФатеев-ш3м
      @МихаилФатеев-ш3м 2 года назад

      Пришел с новой инфой по поводу фона. Если я правильно понимаю то можно вот в этот код впихнуть бэкраунд для взятия картинки и уже сделать то же самое что и в видео с процентами но слегка в другой форме
      var img = new Image();
      img.src = 'site.com/img.jpg';
      if(img.complete)}

    • @МихаилФатеев-ш3м
      @МихаилФатеев-ш3м 2 года назад

      @@AVISTV нет. Ну или я пытался их использовать не так как правильно

    • @МихаилФатеев-ш3м
      @МихаилФатеев-ш3м 2 года назад

      Но я нашел вот такую информацию: Но здесь есть подводный камень. Если после стилей у нас есть скрипт, то этот скрипт должен дождаться, пока загрузятся стили:

  • @tyhpX
    @tyhpX 2 года назад

    а где код не могу найти

    • @tyhpX
      @tyhpX 2 года назад

      @@AVISTV 404 ошибка

    • @tyhpX
      @tyhpX 2 года назад +1

      @@AVISTV помоги пожалуйста столкнулся с такой проблемой то что прелоадер не проподает , тип страница загрузилась а кружок все еще крутится в чем проблема ?

  • @ПавелИванов-ы6д
    @ПавелИванов-ы6д Год назад

    Аттдуши, 3 спинер делаю по твоему гайду

  • @Slime-xp1qd
    @Slime-xp1qd 2 года назад

    Крутой видос с чипсами и колой пойдет

  • @demdemgerall6916
    @demdemgerall6916 2 года назад

    почему-то до 100 не загружается((

    • @romanmegagunko4650
      @romanmegagunko4650 Год назад

      загружается до 100. Просто там ошибка в css в transition надо поставить 0.9s , а не .09s

    • @romanmegagunko4650
      @romanmegagunko4650 Год назад

      А, еще в html картинка последняя с битой ссылкой. Если ее удалить, то все работает. Это видно в консоли

  • @stanislav_tihanov
    @stanislav_tihanov 11 месяцев назад

    Получается полная хрень, если на сайте одно фото или вовсе их нет!!!

    • @AVISTV
      @AVISTV  11 месяцев назад

      Ну так надо и такие кейсы обрабатывать)