From 4bc5fdd553ce0405f2e7010cb14df3f3ad03e5f8 Mon Sep 17 00:00:00 2001
From: aka paul <50n50@noreply.localhost>
Date: Sun, 26 Oct 2025 22:55:39 +0000
Subject: [PATCH] Update temp/temp.js

---
 temp/temp.js | 40 ++++++++++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 12 deletions(-)
diff --git a/temp/temp.js b/temp/temp.js
index 4ee32a3..e61bac6 100644
--- a/temp/temp.js
+++ b/temp/temp.js
@@ -110,15 +110,18 @@ async function extractChapters(url) {
         return [];
     }
 }
+
 async function extractText(url) {
   try {
     const response = await soraFetch(url);
     const htmlText = await response.text();
     
+    // Extract image URLs using regex
     const regex = /'(https:\/\/[^']+\.jpg)'/g;
     const matches = [...htmlText.matchAll(regex)];
     const imageUrls = matches.map(match => match[1]);
     
+    // Generate HTML
     const html = `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -136,47 +139,60 @@ async function extractText(url) {
             background: #000;
             -webkit-touch-callout: none;
         }
+        .img-container {
+            width: 100%;
+            min-height: 1200px;
+            background: #000;
+            position: relative;
+        }
         img {
             width: 100%;
             display: block;
             opacity: 0;
             transition: opacity 0.3s ease;
             -webkit-user-select: none;
+            position: absolute;
+            top: 0;
+            left: 0;
         }
         img.loaded {
             opacity: 1;
+            position: relative;
         }
     </style>
 </head>
 <body>
-${imageUrls.map(url => `    <img data-src="${url}" alt="">`).join('\n')}
+${imageUrls.map(url => `    <div class="img-container"><img data-src="${url}" alt=""></div>`).join('\n')}
 
     <script>
         (function() {
             var images = document.querySelectorAll('img[data-src]');
-            var currentIndex = 0;
+            var containers = document.querySelectorAll('.img-container');
+            var loadQueue = [];
+            var loading = false;
 
-            function loadNext() {
-                if (currentIndex >= images.length) return;
+            function loadImage(index) {
+                if (index >= images.length || loading) return;
+                loading = true;
                 
-                var img = images[currentIndex];
+                var img = images[index];
+                var container = containers[index];
                 img.src = img.dataset.src;
                 
                 img.onload = function() {
+                    container.style.minHeight = img.naturalHeight + 'px';
                     img.classList.add('loaded');
-                    currentIndex++;
-                    loadNext();
+                    loading = false;
+                    loadImage(index + 1);
                 };
                 
                 img.onerror = function() {
-                    currentIndex++;
-                    loadNext();
+                    loading = false;
+                    loadImage(index + 1);
                 };
             }
 
-            loadNext();
-            loadNext();
-            loadNext();
+            loadImage(0);
         })();
     </script>
 </body>
