28 Zeilen
1,5 KiB
HTML
28 Zeilen
1,5 KiB
HTML
{{- /* lazysizes and lightgallery.js */ -}}
|
|
{{- $loading := resources.Get "svg/loading/normal.svg" | minify -}}
|
|
{{- $small := .src_s | default .src -}}
|
|
{{- $large := .src_l | default .src -}}
|
|
{{- $alt := .alt | default (relURL .src) -}}
|
|
{{- if .linked -}}
|
|
<a class="lightgallery" href="{{ $large | relURL }}" title="{{ .title | default $alt }}" data-thumbnail="{{ $small | relURL }}"{{ with .caption }} data-sub-html="<h2>{{ . }}</h2>{{ with $.alt }}<p>{{ . }}</p>{{ end }}"{{ end }}{{ with .rel }} rel="{{ . }}"{{ end }}>
|
|
<img
|
|
class="lazyload{{ with .class }} {{ . }}{{ end }}"
|
|
src="{{ $loading.RelPermalink }}"
|
|
data-src="{{ .src | relURL }}"
|
|
data-srcset="{{ $small | relURL }}, {{ .src | relURL }} 1.5x, {{ $large | relURL }} 2x"
|
|
data-sizes="auto"
|
|
alt="{{ $alt }}"{{ with .height }} height="{{ . }}"{{ end }}{{ with .width }} width="{{ . }}"{{ end }} />
|
|
</a>
|
|
{{- else -}}
|
|
{{- if not .large -}}
|
|
{{- $loading = resources.Get "svg/loading/small.svg" | minify -}}
|
|
{{- end -}}
|
|
<img
|
|
class="lazyload{{ with .class }} {{ . }}{{ end }}"
|
|
src="{{ $loading.RelPermalink }}"
|
|
data-src="{{ .src | relURL }}"
|
|
data-srcset="{{ $small | relURL }}, {{ .src | relURL }} 1.5x, {{ $large | relURL }} 2x"
|
|
data-sizes="auto"
|
|
alt="{{ $alt }}"
|
|
title="{{ .title | default $alt }}"{{ with .height }} height="{{ . }}"{{ end }}{{ with .width }} width="{{ . }}"{{ end }} />
|
|
{{- end -}}
|