ok

2017-03-15 00:43:43 +03:00 · 2017-03-15 00:43:43 +03:00 · 1f61c2ab1d
commit 1f61c2ab1d
parent aeb74092b6
100 changed files with 4120 additions and 659 deletions
--- a/2-ui/3-event-details/11-onload-onerror/1-load-img-callback/source.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/1-load-img-callback/source.view/index.html
@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+</head>
+<body>
+
+  <script>
+    function preloadImages(sources, callback) {
+      /* your code */
+    }
+
+    // ---------- The test ----------
+
+    let sources = [
+      "https://en.js.cx/images-load/1.jpg",
+      "https://en.js.cx/images-load/2.jpg",
+      "https://en.js.cx/images-load/3.jpg"
+    ];
+
+    // add random characters to prevent browser caching
+    for (let i = 0; i < sources.length; i++) {
+      sources[i] += '?' + Math.random();
+    }
+
+    // for each image,
+    // let's create another img with the same src and check that we have its width immediately
+    function testLoaded() {
+      let widthSum = 0;
+      for (var i = 0; i < sources.length; i++) {
+        let img = document.createElement('img');
+        img.src = sources[i];
+        widthSum += img.width;
+      }
+      alert(widthSum);
+    }
+
+    // every image is 100x100, the total width should be 300
+    preloadImages(sources, testLoaded);
+  </script>
+
+</body>
+</html>