You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
14 lines
674 B
HTML
14 lines
674 B
HTML
2 years ago
|
{%- set default_meta = get_image_metadata(path=default_src, allow_missing=true) -%}
|
||
|
|
{%- set hovered_meta = get_image_metadata(path=hovered_src, allow_missing=true) -%}
|
||
|
|
|
||
|
|
<div class="image-hover-container {% if full_width | default(value=false) %}full-width{% endif %}">
|
||
|
|
<div class="image-default">
|
||
|
|
<img src="{{ get_url(path=default_src) }}" alt="{{ default_alt }}"
|
||
|
|
width="{{ default_meta.width }}" height="{{ default_meta.height }}">
|
||
|
|
</div>
|
||
|
|
<div class="image-hovered">
|
||
|
|
<img src="{{ get_url(path=hovered_src) }}" alt="{{ hovered_alt }}"
|
||
|
|
width="{{ hovered_meta.width }}" height="{{ hovered_meta.height }}">
|
||
|
|
</div>
|
||
|
|
</div>
|