Beim Bildelement das Bild als Hintergrundbild verwenden

[mlweb]

Wegen einer Frage im Forum habe ich es mal getestet. Hier mein Ergebnis

{% 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.

[Spooky]

Das set attributes vielleicht noch in {% if images and not as_editor_view %} wrappen.

[mlweb]

Ich habe es oben im Code ergänzt.

[buchbergertom]

Das ist super - genau das wollte ich auch gerade mal probieren... Wie könnte man hier z.B. noch einen Link

<a class="glightbox" href="/files/images/source.jpg" title="Alt-Text"></a>

innerhalb des figure Elements zum Originalbild setzen?

Wenn es dazu eine einfachen Weg gibt, wär's super. Danke!!! Wenn ich selbst eine Lösung finde, poste ich das noch hier dazu...