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++;
       })