0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-08 01:47:24 +01:00
Bootstrap/site/layouts/_default/_markup/render-image.html
XhmikosR 2ba7dae3c0
Add a render image hook (#39768)
Images are now lazyloaded, they have width and height attributes and the classes are centralized.

Only applies to Markdown images
2024-04-01 21:48:31 +03:00

9 lines
540 B
HTML

{{- $originalSrc := .Destination | safeURL -}}
{{- $localImgPath := path.Join "/site/static/docs" site.Params.docs_version $originalSrc -}}
{{- /* This shouldn't be needed but we have a weird folder structure with version included... */ -}}
{{- $src := urls.JoinPath "/docs" site.Params.docs_version $originalSrc -}}
{{- $config := imageConfig $localImgPath -}}
{{- $classes := "d-block img-fluid" -}}
<img src="{{ $src }}" class="{{ $classes }}" alt="{{ .Text }}" width="{{ $config.Width }}" height="{{ $config.Height }}" loading="lazy">