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

---
 temp/temp.js | 48 +++++++++++++++++++++++++++++-------------------
 1 file changed, 29 insertions(+), 19 deletions(-)
diff --git a/temp/temp.js b/temp/temp.js
index 9143c6d..4ee32a3 100644
--- a/temp/temp.js
+++ b/temp/temp.js
@@ -110,7 +110,6 @@ async function extractChapters(url) {
         return [];
     }
 }
-
 async function extractText(url) {
   try {
     const response = await soraFetch(url);
@@ -124,22 +123,25 @@ async function extractText(url) {
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Manga</title>
     <style>
         * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
+            -webkit-tap-highlight-color: transparent;
         }
         body {
             background: #000;
+            -webkit-touch-callout: none;
         }
         img {
             width: 100%;
             display: block;
             opacity: 0;
             transition: opacity 0.3s ease;
+            -webkit-user-select: none;
         }
         img.loaded {
             opacity: 1;
@@ -150,24 +152,32 @@ async function extractText(url) {
 ${imageUrls.map(url => `    <img data-src="${url}" alt="">`).join('\n')}
 
     <script>
-        const imageObserver = new IntersectionObserver((entries, observer) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    const img = entry.target;
-                    img.src = img.dataset.src;
-                    img.onload = () => {
-                        img.classList.add('loaded');
-                    };
-                    observer.unobserve(img);
-                }
-            });
-        }, {
-            rootMargin: '200px'
-        });
+        (function() {
+            var images = document.querySelectorAll('img[data-src]');
+            var currentIndex = 0;
 
-        document.querySelectorAll('img[data-src]').forEach(img => {
-            imageObserver.observe(img);
-        });
+            function loadNext() {
+                if (currentIndex >= images.length) return;
+                
+                var img = images[currentIndex];
+                img.src = img.dataset.src;
+                
+                img.onload = function() {
+                    img.classList.add('loaded');
+                    currentIndex++;
+                    loadNext();
+                };
+                
+                img.onerror = function() {
+                    currentIndex++;
+                    loadNext();
+                };
+            }
+
+            loadNext();
+            loadNext();
+            loadNext();
+        })();
     </script>
 </body>
 </html>`;
