Add ability to have a fallback image if the primary no longer exists.
This commit is contained in:
17
layouts/shortcodes/image-with-fallback.html
Normal file
17
layouts/shortcodes/image-with-fallback.html
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
{{ $url1 := .Get "img1" | default (.Get "url") | default (.Get 0)
|
||||||
|
}}{{ $url2 := .Get "img2" | default (.Get "fallback") | default (.Get 1)
|
||||||
|
}}{{ $alt := .Get "alt" | default (.Get 2)
|
||||||
|
}}
|
||||||
|
|
||||||
|
<!-- These do not seem to work. Using JS solution.
|
||||||
|
<picture>
|
||||||
|
<source srcset="{{ $url1 }}">
|
||||||
|
<img src="{{ $url2 }}" alt="{{ $alt }}">
|
||||||
|
</picture>
|
||||||
|
<picture>
|
||||||
|
<source media="(min-width: 1px)" srcset="{{ $url1 }}">
|
||||||
|
<img src="{{ $url2 }}" alt="{{ $alt }}">
|
||||||
|
</picture>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<img src="{{ $url1 }}" alt="{{ $alt }}" onerror="this.onerror=null; this.src='{{ $url2 }}';">
|
||||||
Reference in New Issue
Block a user