Self-hosting error placeholder image

verlok · Apr 2, 2024 · bdb6c7b · bdb6c7b
1 parent baa7db6
commit bdb6c7b
Show file tree

Hide file tree

Showing 32 changed files with 31 additions and 31 deletions.
diff --git a/demos/async.html b/demos/async.html
@@ -464,7 +464,7 @@ <h1>Async loading demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/async_multiple.html b/demos/async_multiple.html
@@ -471,7 +471,7 @@ <h1>Async loading, multiple instances demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/container_multiple.html b/demos/container_multiple.html
@@ -473,7 +473,7 @@ <h1>Multiple scrolling container demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/container_single.html b/demos/container_single.html
@@ -463,7 +463,7 @@ <h1>Single scrolling container demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/dynamic_content.html b/demos/dynamic_content.html
@@ -164,7 +164,7 @@ <h1>Dynamic content demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/dynamic_content_nodeset.html b/demos/dynamic_content_nodeset.html
@@ -147,7 +147,7 @@ <h1>Dynamic content passing nodeset demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/esm.html b/demos/esm.html
@@ -462,7 +462,7 @@ <h1>ESM version demo</h1>
       };
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
-        element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+        element.src = "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/fade_in.html b/demos/fade_in.html
@@ -472,7 +472,7 @@ <h1>Fade in effect demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/hundreds.html b/demos/hundreds.html
@@ -3272,7 +3272,7 @@ <h1>Hundreds of items demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/iframes.html b/demos/iframes.html
@@ -74,7 +74,7 @@ <h1>Lazy iframes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/image_basic.html b/demos/image_basic.html
@@ -463,7 +463,7 @@ <h1>Basic demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/image_hidden.html b/demos/image_hidden.html
@@ -185,7 +185,7 @@ <h1>Hidden images demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/image_no_classes.html b/demos/image_no_classes.html
@@ -463,7 +463,7 @@ <h1>Basic demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/image_ph_external.html b/demos/image_ph_external.html
@@ -503,7 +503,7 @@ <h1>Images with external placeholder demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/image_ph_inline.html b/demos/image_ph_inline.html
@@ -503,7 +503,7 @@ <h1>Images with inline placeholder demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/image_srcset.html b/demos/image_srcset.html
@@ -466,7 +466,7 @@ <h1>Images with srcset without sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/image_srcset_lazy_sizes.html b/demos/image_srcset_lazy_sizes.html
@@ -507,7 +507,7 @@ <h1>Images with srcset and lazy sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/image_srcset_sizes.html b/demos/image_srcset_sizes.html
@@ -506,7 +506,7 @@ <h1>Images with srcset and eager sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/images/440x560-ErrorPlaceholder.png b/demos/images/440x560-ErrorPlaceholder.png
diff --git a/demos/lazily_load_lazyLoad.html b/demos/lazily_load_lazyLoad.html
@@ -1297,7 +1297,7 @@ <h1>Lazyly load lazyload demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/lazy_functions.html b/demos/lazy_functions.html
@@ -311,7 +311,7 @@ <h1>Lazy functions demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/load.html b/demos/load.html
@@ -366,7 +366,7 @@ <h1>Static load method demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/load_all.html b/demos/load_all.html
@@ -529,7 +529,7 @@ <h1>Load all demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/object.html b/demos/object.html
@@ -74,7 +74,7 @@ <h1>Lazy objects demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/picture_media.html b/demos/picture_media.html
@@ -866,7 +866,7 @@ <h1>Picture with media attribute in source tags demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_cancel = function (element) {
           logElementEvent("🔥 CANCEL", element);

diff --git a/demos/picture_type_webp.html b/demos/picture_type_webp.html
@@ -414,7 +414,7 @@ <h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/popup_layer.html b/demos/popup_layer.html
@@ -467,7 +467,7 @@ <h1>Popup layer demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/print.html b/demos/print.html
@@ -546,7 +546,7 @@ <h1>Print demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_cancel = function (element) {
         logElementEvent("🔥 CANCEL", element);

diff --git a/demos/restore_destroy.html b/demos/restore_destroy.html
@@ -469,7 +469,7 @@ <h1>Restore and Destroy demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/thresholds.html b/demos/thresholds.html
@@ -492,7 +492,7 @@ <h1>Threshold and thresholds demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/video.html b/demos/video.html
@@ -94,7 +94,7 @@ <h2>Preload = auto</h2>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);

diff --git a/demos/video_autoplay.html b/demos/video_autoplay.html
@@ -97,7 +97,7 @@ <h2>Preload = auto</h2>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);