diff options
| -rw-r--r-- | exampleSite/config.toml | 3 | ||||
| -rw-r--r-- | layouts/partials/head.html | 9 | ||||
| -rw-r--r-- | layouts/partials/scripts.html | 10 | ||||
| -rw-r--r-- | layouts/shortcodes/lazyimg-col.html | 2 | ||||
| -rw-r--r-- | layouts/shortcodes/lazyimg-row.html | 2 | ||||
| -rw-r--r-- | layouts/shortcodes/lazyimg.html | 2 |
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 |