Beim Bildelement das Bild als Hintergrundbild verwenden
Wegen einer Frage im Forum habe ich es mal getestet. Hier mein Ergebnis
Code:
{% extends "@Contao/content_element/image.html.twig" %}
{# Setzen des Hintergrundbildes mit set #}
{# Verwendung vom images.0.image.img.src, weil image hier schon um ein Figure-Objekt ist #}
{% if images and not as_editor_view %}
{% set attributes = attrs()
.set('style', 'background-image: url(' ~ images.0.image.img.src ~ ')')
.addClass('content-image--bg-parallax')
.mergeWith(content_layout_attributes|default) %}
{% endif %}
{% block content %}
{# Damit wird die normale Bildausgabe verhindert, Anzeige nur im Backend #}
{% if as_editor_view %}
{% if images %}
{% with {figure: images|first} %}{{ block('figure_component') }}{% endwith %}
{% endif %}
{% endif %}
{% endblock %}
Edit: Verbesserungsvorschlag von @Spooky ergänzt. Danke.
