summaryrefslogtreecommitdiff
path: root/themes/LoveIt/layouts/partials/plugin/img.html
diff options
context:
space:
mode:
Diffstat (limited to 'themes/LoveIt/layouts/partials/plugin/img.html')
-rw-r--r--themes/LoveIt/layouts/partials/plugin/img.html46
1 files changed, 46 insertions, 0 deletions
diff --git a/themes/LoveIt/layouts/partials/plugin/img.html b/themes/LoveIt/layouts/partials/plugin/img.html
new file mode 100644
index 0000000..8468583
--- /dev/null
+++ b/themes/LoveIt/layouts/partials/plugin/img.html
@@ -0,0 +1,46 @@
+{{- /* lazysizes and lightgallery */ -}}
+{{- $src := .Src -}}
+{{- $width := .Width -}}
+{{- $height := .Height -}}
+{{- with dict "Path" $src "Resources" .Resources | partial "function/resource.html" -}}
+ {{- $src = .RelPermalink -}}
+ {{- $width = $width | default .Width -}}
+ {{- $height = $height | default .Height -}}
+{{- end -}}
+
+{{- $small := .SrcSmall | default $src -}}
+{{- with dict "Path" .SrcSmall "Resources" .Resources | partial "function/resource.html" -}}
+ {{- $small = .RelPermalink -}}
+{{- end -}}
+
+{{- $large := .SrcLarge | default $src -}}
+{{- with dict "Path" .SrcLarge "Resources" .Resources | partial "function/resource.html" -}}
+ {{- $large = .RelPermalink -}}
+{{- end -}}
+
+{{- $alt := .Alt | default $src -}}
+{{- $loading := resources.Get "svg/loading.svg" | minify -}}
+{{- if .Linked -}}
+ <a class="lightgallery" href="{{ $large | safeURL }}" title="{{ .Title | default $alt }}" data-thumbnail="{{ $small | safeURL }}"{{ with .Caption }} data-sub-html="<h2>{{ . }}</h2>{{ with $.Title }}<p>{{ . }}</p>{{ end }}"{{ end }}{{ with .Rel }} rel="{{ . }}"{{ end }}>
+ <img
+ class="lazyload{{ with .Class }} {{ . }}{{ end }}"
+ src="{{ $loading.RelPermalink }}"
+ data-src="{{ $src | safeURL }}"
+ data-srcset="{{ $small | safeURL }}, {{ $src | safeURL }} 1.5x, {{ $large | safeURL }} 2x"
+ data-sizes="auto"
+ alt="{{ $alt }}"
+ {{- with $width }} width="{{ . }}"{{ end }}
+ {{- with $height }} height="{{ . }}"{{ end }} />
+ </a>
+{{- else -}}
+ <img
+ class="lazyload{{ with .Class }} {{ . }}{{ end }}"
+ src="{{ $loading.RelPermalink }}"
+ data-src="{{ $src | safeURL }}"
+ data-srcset="{{ $small | safeURL }}, {{ $src | safeURL }} 1.5x, {{ $large | safeURL }} 2x"
+ data-sizes="auto"
+ alt="{{ $alt }}"
+ title="{{ .Title | default $alt }}"
+ {{- with $width }} width="{{ . }}"{{ end }}
+ {{- with $height }} height="{{ . }}"{{ end }} />
+{{- end -}}