diff options
author | tdro <tdro@noreply.example.com> | 2022-09-03 20:32:28 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2022-09-03 20:32:28 -0400 |
commit | dfd9120c1f7acae2bbd6fee40ed55cd6ea5cb4a3 (patch) | |
tree | 12024c8353ca9f9c20233f94370f522ed4a22a1b | |
parent | d47d872c04e73ae7a7c3cc763319026e3a3e954b (diff) | |
download | canory-dfd9120c1f7acae2bbd6fee40ed55cd6ea5cb4a3.tar.gz canory-dfd9120c1f7acae2bbd6fee40ed55cd6ea5cb4a3.tar.bz2 canory-dfd9120c1f7acae2bbd6fee40ed55cd6ea5cb4a3.zip |
themes/default/layouts/partials/gallery-walk: Lazy load images
-rw-r--r-- | themes/default/layouts/partials/gallery-walk.html | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/themes/default/layouts/partials/gallery-walk.html b/themes/default/layouts/partials/gallery-walk.html index 8a22ccf..6a43eaf 100644 --- a/themes/default/layouts/partials/gallery-walk.html +++ b/themes/default/layouts/partials/gallery-walk.html @@ -4,7 +4,6 @@ {{- $author := strings.TrimPrefix "public/" (strings.TrimSuffix "/media/" $folder) -}} {{- if fileExists $folder -}} - {{- range readDir $folder -}} {{- $name := index (split .Name ".") 0 -}} @@ -36,11 +35,19 @@ {{- range first 6 $files }} {{- with $image := resources.Get .Path -}} - {{- $image = (.Content | resources.FromString (print (partial "function-paths.html" "media") "/" $author "/gallery-walker_" (path.Base .))).Fit (print $dimensions " webp") }} + {{- $image = ( + .Content | + resources.FromString + (print (partial "function-paths.html" "media") "/" $author "/gallery-walker_" (path.Base .))).Fit + (print $dimensions " webp") + }} <picture> <source srcset="{{- $image.RelPermalink -}}" type="image/webp" /> - {{- $image = (.Content | resources.FromString (print (partial "function-paths.html" "media") "/" $author "/gallery-walker_" (path.Base .))).Fit (print $dimensions " png") }} - <img + {{- $image = (.Content | + resources.FromString (print (partial "function-paths.html" "media") "/" $author "/gallery-walker_" (path.Base .))).Fit + (print $dimensions " png") + }} + <img loading="lazy" alt="{{- .Name }}" title="{{- .Name }}" width="{{ $image.Width }}" |