web-dev-qa-db-fra.com

Comment afficher une image dans un style d'image

Je crée un twig pour mon nœud 1, comme nœud - 1.twig.html.

Dans ce que je montre l'image téléchargée dans le nœud comme

<div class="diversity-image">
    {{ set image = content.field_main_image|merge({'#style_name': 'header_image'}) }}
    {{ image }}
</div>

Mais cela ne me donne pas l'image de ce style d'image, header_image.

Comment puis-je faire cela en brindille?

6
Fazeela Abu Zohra

Dans twig vous ne pouvez fusionner que le niveau supérieur d'un tableau. Vous avez donc besoin de deux étapes, obtenez d'abord l'image du tableau de contenu, puis écrasez #image_style.

node.html.twig

{% set image = content.field_image.0 %}
{% set image = image|merge({'#image_style': 'thumbnail'}) %}

Vous pouvez maintenant afficher l'image une deuxième fois dans le style d'image modifié:

{{ image }}
4
4k4

En brindille, nous pouvons obtenir le chemin -

<img src="{{ node.FIELD-IMAGE-NAME.entity.uri.value | image_style('news_image_full_width') }}" alt="">
0
Wasim Khan