From 602b39d9bf213970ba67ba7772e75f7b1b9cfcff Mon Sep 17 00:00:00 2001
From: projectdx <com114@gmail.com>
Date: Sun, 10 Apr 2022 15:28:07 +0900
Subject: [PATCH] =?UTF-8?q?linkkf-yommi=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=EB=B0=8F=20=EB=B2=84=EA=B7=B8=20=ED=94=BD=EC=8A=A4=20?=
 =?UTF-8?q?infinite=20=EB=A3=A8=ED=8B=B4=20=EC=97=90=EB=9F=AC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/anime_downloader_ohli24_category.html | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/templates/anime_downloader_ohli24_category.html b/templates/anime_downloader_ohli24_category.html
index 78d5502..dec361c 100644
--- a/templates/anime_downloader_ohli24_category.html
+++ b/templates/anime_downloader_ohli24_category.html
@@ -48,6 +48,7 @@
   type="text/javascript"
   src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"
 ></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js" integrity="sha512-jNDtFf7qgU0eH/+Z42FG4fw3w7DM/9zbgNPe3wfJlCylVDTT3IgKW5r92Vy9IHa6U50vyMz5gRByIu4YIXFtaQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script type="text/javascript">
    const package_name = "{{arg['package_name'] }}";
    const sub = "{{arg['sub'] }}";
@@ -134,9 +135,10 @@
 
            tmp = '<div class="col-6 col-sm-4 col-md-3">';
            tmp += '<div class="card">';
-           tmp += '<img class="lozad" data-src="' + data.anime_list[i].image_link + '" />';
+           // tmp += '<img class="lozad" data-src="' + data.anime_list[i].image_link + '" />';
+           tmp += '<img class="lazyload" src="./static/img_loader_x200.svg" data-original="' + data.anime_list[i].image_link + '" />';
            tmp += '<div class="card-body">'
-           {#tmp += '<button id="code_button" data-code="' + data.episode[i].code + '" type="button" class="btn btn-primary code-button bootstrap-tooltip" data-toggle="button" data-tooltip="true" aria-pressed="true" autocomplete="off" data-placement="top">' +#}
+           // {#tmp += '<button id="code_button" data-code="' + data.episode[i].code + '" type="button" class="btn btn-primary code-button bootstrap-tooltip" data-toggle="button" data-tooltip="true" aria-pressed="true" autocomplete="off" data-placement="top">' +#}
           //  {#    '<span data-tooltip-text="'+data.episode[i].title+'">' + data.episode[i].code + '</span></button></div>';#}
            tmp += '<h5 class="card-title">' + data.anime_list[i].title + '</h5>';
            tmp += '<p class="card-text">' + data.anime_list[i].code + '</p>';
@@ -165,6 +167,11 @@
 
        }
 
+       $("img.lazyload").lazyload({
+          threshold : 10,
+          effect : "fadeIn",
+       });
+
    }
 
    function make_search_result_list(data, page) {
@@ -261,6 +268,11 @@
            document.getElementById("screen_movie_list").innerHTML = str;
        }
 
+       $("img.lazyload").lazyload({
+          threshold : 10,
+          effect : "fadeIn",
+       });
+
    }
 
 
@@ -444,6 +456,7 @@
         console.log("return page:::> ", response.page);
         // {#page = response.page#}
         make_screen_movie_list(response.data, response.page);
+
         page++;
         next_page++;
       })