27 lines
1.1 KiB
HTML
27 lines
1.1 KiB
HTML
{{ $class := .class }}
|
|
{{ $alt := .alt }}
|
|
{{ $noscriptSupport := .noscript }}
|
|
{{ $imgDict := .imgDict }}
|
|
{{ if $noscriptSupport }}<noscript>{{ partial "renderer/native" . }}</noscript>{{ end }}
|
|
|
|
{{ $base := default "/images/lazyimg" .imageBasePath }}
|
|
{{ $defaultURL := path.Join $base (strings.TrimPrefix "/" $imgDict.default.RelPermalink) }}
|
|
|
|
<img
|
|
{{ with $imgDict.lqip -}}
|
|
{{ $placeholderB64 := .Content | base64Encode }}
|
|
{{ if gt (len $placeholderB64) 2048 }}
|
|
{{ $lqipURL := path.Join $base (strings.TrimPrefix "/" .RelPermalink) }}
|
|
src="{{ $lqipURL }}"
|
|
{{ else }}
|
|
src="data:{{ .MediaType }};base64,{{ $placeholderB64 }}"
|
|
{{ end }}
|
|
data-src="{{ $defaultURL }}"
|
|
class="{{ with $class }}{{ . }} {{ end }}blur-up lazyload"
|
|
{{ else }}
|
|
src="{{ $defaultURL }}" class="{{ $class }} lazyload"
|
|
{{ end -}}
|
|
{{ with $imgDict.default }} height="{{ .Height }}" width="{{ .Width }}" {{ end }}
|
|
{{ if $imgDict.responsive }}{{ with partial "renderer/_srcset" (merge $imgDict (dict "imageBasePath" $base)) }} data-sizes="auto" data-srcset="{{ . }}"{{ end }}{{ end }}
|
|
{{ with $alt }} alt="{{ . }}" {{ end }}>
|