13 lines
728 B
HTML
13 lines
728 B
HTML
<!--
|
|
Use as follows:
|
|
{{< dynamic-img src="/my/image/on/cloudinary.webp" title="A title for the image" >}}
|
|
|
|
Optionally, you can customize the width or other general styles for the image:
|
|
{{< dynamic-img src="/my/image/on/cloudinary.webp" title="A title for the image" width="w_auto" style="max-width:90%" >}}
|
|
-->
|
|
{{ $image := .Get "src" }}
|
|
{{ $alt := .Get "title" }}
|
|
{{ $width := .Get "width" | default "w_auto" }}
|
|
{{ $style := .Get "style" | default "max-width:80%" }}
|
|
<img alt="{{ $alt }}" title="{{ $alt }}" data-src="https://res.cloudinary.com/{{ $.Site.Params.cloudinary_cloud_name }}/{{ $width }},c_scale,f_auto,q_auto,dpr_auto{{ $image}}" class="cld-responsive" style="padding-bottom: 16px; {{ $style }}">
|