alexohneander-zola/templates/shortcodes/invertible_image.html
welpo b841969a8f
feat(shortcodes): update image path retrieval and dimensions in shortcodes
- Use `get_url` function to generate correct image paths
- Retrieve image dimensions with `get_image_metadata` function
- Update shortcodes: dimmable_image, dual_theme_image, and invertible_image

These changes reduce layout shifts.
2023-04-16 03:21:41 +02:00

3 lines
287 B
HTML

{% set meta = get_image_metadata(path=src) %}
<img class="invertible-image" {% if src %}src="{{ get_url(path=src) }}" {% endif %} {% if alt %}alt="{{ alt }}" {% endif %} {% if meta.width %}width="{{ meta.width }}" {% endif %} {% if meta.height %}height="{{ meta.height }}" {% endif %}/>