Прелоадер с процентной загрузкой / Практика по JavaScript
В данном уроке разберем, как сделать процентное соотношение загрузки #прелоадера с элементами на странице. Тут поработаем с #jQuery, познакомимся с его методами, узнаем, как работают циклы, создадим свою функцию, которая будет выполнять определенные действия.
Скачать код с урока - http://bit.ly/2iRymrw
Ссылка на предыдущий архив - http://bit.ly/2vPweFv
Для реализации данной идеи сделаем следующее.
Получим общее количество картинок на странице, узнаем процентное соотношение, сколько отводится на каждую картинку. В цикле заполняем прогресс бар до момента как все изображения получим и в конечном итоге при 100% загрузки, показываем всю страницу, а прелоадер скрываем.
Это и будет общей концепцией данного скрипта.
Обсуждение видео: • Прелоадер с процентной загрузкой / Пр...
Подписка на канал: http://bit.ly/2oR3EfT
Видео сборник: https://dwstroy.ru/~S126H
FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1
*Видео метки*:
[02:11] - План создания прелоадера
[02:50] - Копируем файлы из предыдущего урока
[05:00] - Создаем переменные
[05:43] - функция #length
[07:57] - Клонируем изображения
[09:43] - События в цикле #onload и #onerror
[10:00] - Создаем функцию
[11:40] - Скрываем прелоадер
[13:45] - Дополняем функционал прелоадера
*Другие видео на канале DWSTV*:
JavaScript Основы - http://bit.ly/2udeTq3
Сайт с нуля - https://dwstroy.ru/~7KNnM
Уроки по #CSS - https://dwstroy.ru/~paoBU
1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q
Управление системой Битрикс - https://dwstroy.ru/~Zdt4K
Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ
Добавляйтесь к нам в друзья:
Сайт видео-уроков: https://dwstroy.ru/video/
Страничка в VK автора уроков: https://vk.com/dwstv
Канал группы в VK: https://dwstroy.ru/~MJM28
Мы очень рады если видео "#Прелоадер с процентной загрузкой" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и #видео-уроки как по #JS, так и другим #WEB разработкам.
Смотрите видео Прелоадер с процентной загрузкой / Практика по JavaScript онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Denis Gorelov 02 Сентябрь 2017. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 25,472 раз и оно понравилось 883 посетителям.
