Прелоадер с процентной загрузкой / Практика по 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 разработкам.
Watch video Прелоадер с процентной загрузкой / Практика по JavaScript online, duration hours minute second in high quality that is uploaded to the channel Denis Gorelov 02 September 2017. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 25,472 times and liked it 883 visitors.
