diff --git a/src/image.tsx b/src/image.tsx
index bb62a7fe70..bd931d4d9f 100644
--- a/src/image.tsx
+++ b/src/image.tsx
@@ -281,7 +281,14 @@ export const ImageContent = React.forwardRef<HTMLImageElement, ImageProps>(
                     <script
                         // eslint-disable-next-line react/no-danger
                         dangerouslySetInnerHTML={{
-                            __html: `document.getElementById("${imageId}").addEventListener('load', (e) => e.target.style.opacity = "1")`,
+                            __html: `(function () {
+    var img = document.getElementById("${imageId}");
+    if (img.complete) {
+        img.style.opacity = "1";
+    } else {
+        img.addEventListener('load', function (e) { e.target.style.opacity = "1"; });
+    }
+})();`,
                         }}
                     />
                 )}