50 lines
No EOL
1.3 KiB
HTML
Executable file
50 lines
No EOL
1.3 KiB
HTML
Executable file
<!DOCTYPE HTML>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<script>
|
||
function preloadImages(sources, callback) {
|
||
/* ваш код */
|
||
}
|
||
|
||
// ---------- Проверка ----------
|
||
|
||
/* файлы для загрузки */
|
||
var sources = [
|
||
"https://js.cx/images-load/1.jpg",
|
||
"https://js.cx/images-load/2.jpg",
|
||
"https://js.cx/images-load/3.jpg"
|
||
];
|
||
for (var i = 0; i < sources.length; i++) {
|
||
sources[i] += '?' + Math.random(); // добавляем параметр, чтобы без кеша (для теста)
|
||
}
|
||
|
||
/** если картинка загружена, то можно будет сразу получить её ширину
|
||
* создадим все картинки и проверим, есть ли у них ширина
|
||
*/
|
||
function testLoaded() {
|
||
var widthSum = 0;
|
||
for (var i = 0; i < sources.length; i++) {
|
||
var img = document.createElement('img');
|
||
img.src = sources[i];
|
||
widthSum += img.width;
|
||
}
|
||
// каждое изображение 100x100, общая ширина должна быть 300px
|
||
alert(widthSum);
|
||
}
|
||
|
||
// до загрузки - выведет 0
|
||
testLoaded();
|
||
|
||
// после загрузки - выведет 300
|
||
preloadImages(sources, testLoaded);
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html> |