refactor: continue to initialize even if some images fail to load

Author: fengyuanchen

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## next
 
+- Continue to initialize even if some images fail to load in inline mode.
 - Avoid conflicts with nested modals (#540).
 
 ## 1.10.4 (Feb 13, 2022)

src/js/viewer.js

@@ -15,6 +15,7 @@ import {
   CLASS_INVISIBLE,
   DATA_ACTION,
   EVENT_CLICK,
+  EVENT_ERROR,
   EVENT_LOAD,
   EVENT_READY,
   NAMESPACE,
@@ -152,6 +153,7 @@ class Viewer {
           forEach(images, (image) => {
             if (!image.complete) {
               removeListener(image, EVENT_LOAD, progress);
+              removeListener(image, EVENT_ERROR, progress);
             }
           });
         },
@@ -161,7 +163,19 @@ class Viewer {
         if (image.complete) {
           progress();
         } else {
-          addListener(image, EVENT_LOAD, progress, {
+          let onLoad;
+          let onError;
+
+          addListener(image, EVENT_LOAD, onLoad = () => {
+            removeListener(image, EVENT_ERROR, onError);
+            progress();
+          }, {
+            once: true,
+          });
+          addListener(image, EVENT_ERROR, onError = () => {
+            removeListener(image, EVENT_LOAD, onLoad);
+            progress();
+          }, {
             once: true,
           });
         }