Change lazyload js

6 files changed, 8 insertions, 20 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 4003290..63a91fd 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -63,8 +63,7 @@ paginate = 10
   cdnLazyPlaceholderCol = "https://cdn.jsdelivr.net/gh/amzrk2/poal-jsdelivr@1.1.0/lazyload/dsrca_loading_480x540.svg"
 
   # Custom css & js CDN
-  # cdnIntersectionObserverJS = "https://cdn.jsdelivr.net/npm/intersection-observer@0.7.0/intersection-observer.min.js" # Optional
-  cdnVanillaLazyloadJS = "https://cdn.jsdelivr.net/npm/vanilla-lazyload@15.1.1/dist/lazyload.min.js"
+  cdnLazysizesAsyncJS = "https://cdn.jsdelivr.net/npm/lazysizes@5.2.0/lazysizes.min.js"
   cdnJQueryJS = "https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"
   cdnProgessJS = "https://cdn.jsdelivr.net/npm/progressbar.js@1.1.0/dist/progressbar.min.js"
 
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 658030e..f34ea88 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -30,16 +30,13 @@
 <link rel="stylesheet" href="{{ $style.Permalink }}">
 
 <!-- global js -->
+<script src="{{ .Site.Params.cdnJQueryJS }}"></script>
+<script src="{{ .Site.Params.cdnProgessJS }}"></script>
+<script src="{{ .Site.Params.cdnLazysizesAsyncJS }}" async></script>
 {{ if .Site.Params.webpChecker }}
 {{ $webp := resources.Get "js/modernizr-webp.min.js" }}
 <script src="{{ $webp.Permalink }}"></script>
 {{ end }}
-{{ with .Site.Params.cdnIntersectionObserverJS }}
-<script src="{{ . }}"></script>
-{{ end }}
-<script src="{{ .Site.Params.cdnVanillaLazyloadJS }}"></script>
-<script src="{{ .Site.Params.cdnJQueryJS }}"></script>
-<script src="{{ .Site.Params.cdnProgessJS }}"></script>
 
 <!-- optional katex math cdnjs -->
 {{ if or .Params.math .Site.Params.math }}
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index d734202..79befb5 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -86,12 +86,4 @@
         });
     });
 </script>
-{{ end }}
-<!-- vanilla lazyload -->
-<script>
-    $(function () {
-        var lazyLoadInstance = new LazyLoad({
-            elements_selector: ".lazy"
-        });
-    });
-</script>
\ No newline at end of file
+{{ end }}
\ No newline at end of file
diff --git a/layouts/shortcodes/lazyimg-col.html b/layouts/shortcodes/lazyimg-col.html
index 0192ba5..0067762 100644
--- a/layouts/shortcodes/lazyimg-col.html
+++ b/layouts/shortcodes/lazyimg-col.html
@@ -1 +1 @@
-<p><img class="lazy" src="{{ .Site.Params.cdnLazyPlaceholderCol }}" data-src="{{ index .Params 1 }}" alt="{{ index .Params 0 }}" /></p>
\ No newline at end of file
+<p><img class="lazyload" src="{{ .Site.Params.cdnLazyPlaceholderCol }}" data-src="{{ index .Params 1 }}" alt="{{ index .Params 0 }}" /></p>
\ No newline at end of file
diff --git a/layouts/shortcodes/lazyimg-row.html b/layouts/shortcodes/lazyimg-row.html
index dd07f93..1e76de0 100644
--- a/layouts/shortcodes/lazyimg-row.html
+++ b/layouts/shortcodes/lazyimg-row.html
@@ -1 +1 @@
-<p><img class="lazy" src="{{ .Site.Params.cdnLazyPlaceholderRow }}" data-src="{{ index .Params 1 }}" alt="{{ index .Params 0 }}" /></p>
\ No newline at end of file
+<p><img class="lazyload" src="{{ .Site.Params.cdnLazyPlaceholderRow }}" data-src="{{ index .Params 1 }}" alt="{{ index .Params 0 }}" /></p>
\ No newline at end of file
diff --git a/layouts/shortcodes/lazyimg.html b/layouts/shortcodes/lazyimg.html
index a23a15e..468a901 100644
--- a/layouts/shortcodes/lazyimg.html
+++ b/layouts/shortcodes/lazyimg.html
@@ -1 +1 @@
-<p><img class="lazy" src="{{ .Site.Params.cdnLazyPlaceholder }}" data-src="{{ index .Params 1 }}" alt="{{ index .Params 0 }}" /></p>
\ No newline at end of file
+<p><img class="lazyload" src="{{ .Site.Params.cdnLazyPlaceholder }}" data-src="{{ index .Params 1 }}" alt="{{ index .Params 0 }}" /></p>
\ No newline at end of file