<meta name="viewport" content="width=device-width, initial-scale=1">
function loadResources(arr,func){//функция загрузки внешних ресурсов arr - массив ссылок, func - функция которая вызовется после загрузки всех ресурсов
var loadStatus = false;
loadStatus = {count: arr.length, loaded: 0, percent: 0};//count - общее количество ресурсов, loaded - сколько загружено ресурсов, percent сколько загружено в процентах
for(var i = 0; i < arr.length; i++){
var tmp = new Image();
tmp.src = arr[i];
tmp.onload = function(){
loadStatus.loaded++;
loadStatus.percent = (loadStatus.loaded * 100)/loadStatus.count;
if(loadStatus.loaded >= loadStatus.count)
func();
}
return loadStatus;
}
//Пример
var z = loadResources(["qwerty.png","mycat.jpg"],function(){alert("Все ресурсы загружены!")});
alert("На данный момент загружено "+z.percent+"%");var image = new Image();
image.src = "image.jpg";new Image().src = "image.jpg";function preloadImages() {
for (var i = 0; i < arguments.length; i++) {
new Image().src = arguments[i];
}
}
preloadImages(
"images-1.jpg",
"images-2.jpg",
"images-3.jpg"
);