Wait for load

Shopify · Feb 2, 2023 · d85ed30 · d85ed30
1 parent b362487
commit d85ed30
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/assets/magnify.js b/assets/magnify.js
@@ -3,8 +3,13 @@ function createOverlay(image) {
   overlay = document.createElement('div');
   overlay.setAttribute('class', 'image-magnify-full-size');
   overlay.setAttribute('aria-hidden', 'true');
-  overlay.style.backgroundImage = `url('${image.src}')`;
-  image.parentElement.insertBefore(overlay, image);
+
+  const bgImg = new Image();
+  bgImg.onload = () => {
+    overlay.style.backgroundImage = `url('${image.src}')`;
+    image.parentElement.insertBefore(overlay, image);
+  }
+  bgImg.src = image.src;
   return overlay;
 };