feat: thumbnailRatio

Author: d-oit

layouts/partials/assets/helpers/image-set.html

@@ -0,0 +1,51 @@
+{{- $url := .url -}}
+{{ $img := .img }}
+{{ $absoluteURL := .absoluteURL }}
+{{ $dims := .dims }}
+{{- $ratio := .ratio -}}
+{{ $hook := .hook }}
+{{ $transform := .transform }}
+{{ $format := .format }}
+{{ $includeWidth := .includeWidth | default true }}
+{{ $anchor := .anchor | default "" }}
+
+{{ $host := (urls.Parse $url).Hostname }}
+{{ $dir := (urls.Parse $url).Path }}
+{{ $file := index ((split $dir "/") | collections.Reverse) 0 }}
+{{ $dir = strings.TrimSuffix $file $dir }}
+
+{{ $adapter := (printf "assets/adapters/%s.html" $hook) }}
+{{ if not (fileExists (path.Join "/layouts/partials" $adapter)) }}
+    {{ warnf "Cannot find adapter: %s" (path.Join "/layouts/partials" $adapter) }}
+    {{ $hook = "hugo" }}
+    {{ $adapter = "assets/adapters/hugo.html" }}
+{{ end }}
+
+{{ $imgset := slice }}
+{{- range $index, $dim := $dims -}}
+    {{ $width := (int (index (split $dim "x") 0)) }}
+    {{ $height := "" }}
+    {{ if $height }}
+        {{ $height = (int (index (split $dim "x") 1)) }}        
+    {{ end }}        
+
+    {{- $element := partial $adapter (dict 
+        "host" $host
+        "dir" $dir
+        "file" $file
+        "img" $img
+        "absoluteURL" $absoluteURL
+        "transform" $transform
+        "width" $width
+        "height" $height
+        "format" $format
+        "anchor" $anchor
+    )}}
+    {{ if $includeWidth }}
+        {{ $imgset = $imgset | append (printf "%s %dw" $element $width) }}
+    {{ else }}
+        {{ $imgset = $imgset | append $element }}
+    {{ end }}
+{{- end -}}
+
+{{ return (delimit $imgset ", ") }}

layouts/shortcodes/slideshow-gallery.html

@@ -1,4 +1,5 @@
 {{- $ratio := .Get "ratio" | default "auto" -}}
+{{- $ratioThumbnail := .Get "ratioThumbnail" | default "auto" -}}
 {{- $loading := .Get "loading" | default "lazy" -}}
 
 <!-- Initialize $images to prevent the undefined variable error -->
@@ -52,7 +53,7 @@
         {{ $title := $image.title }}
         {{ $imageClass := "slideshow-thumbnail-image cursor" }}
         <div class="slideshow-thumbnail-column">
-          {{ partial "assets/image.html" (dict "url" $imageUrl "ratio" $ratio "page" $.Page "class" $imageClass "loading" $loading "title" $title) }}
+          {{ partial "assets/image.html" (dict "url" $imageUrl "page" $.Page "ratio" $ratioThumbnail "class" $imageClass "loading" $loading "title" $title) }}
         </div>
       {{- end -}}
     {{- end -}}