drupal/core/modules/responsive_image/templates/responsive-image.html.twig

31 lines
780 B
Twig

{#
/**
* @file
* Default theme implementation of a responsive image.
*
* Available variables:
* - sources: The attributes of the <source> tags for this <picture> tag.
* - img_element: The controlling image, with the fallback image in srcset.
* - output_image_tag: Whether or not to output an <img> tag instead of a
* <picture> tag.
*
* @see template_preprocess()
* @see template_preprocess_responsive_image()
*
* @ingroup themeable
*/
#}
{% if output_image_tag %}
{{ img_element }}
{% else %}
<picture>
{% if sources %}
{% for source_attributes in sources %}
<source{{ source_attributes }}/>
{% endfor %}
{% endif %}
{# The controlling image, with the fallback image in srcset. #}
{{ img_element }}
</picture>
{% endif %}