Нужно предзагружать изображения и вставлять их на эту же страницу и при этом показывать прогресс бар, который показывает правдивый прогресс, как?
Нужно предзагружать изображения и вставлять их на эту же страницу и при этом показывать прогресс бар, который показывает правдивый прогресс. Например щелкаем на элемент (портфолио) на странице, пошла загрузка изорбражений, показываем прогресс бар, который отображает реальное положение дел и вставляем изображения в нужный элемент по окончанию. Просто подскажите алгоритм, я никогда этого не делал, может статью подкините, только прочитайте внимательно этот вопрос и если прочитали поставьте # в конце ответа. Заранее спасибо
Загрузку сделать через xhr или ajax, на onprogress обновление прогресс-бара, на onload заменить прогресс бар на скаченное изображение.
Ссылка для чтения: https://learn.javascript.ru/xhr-onprogress
Простой