Chris@0: {#
Chris@0: /**
Chris@0:  * @file
Chris@0:  * Default theme implementation of a responsive image.
Chris@0:  *
Chris@0:  * Available variables:
Chris@0:  * - sources: The attributes of the <source> tags for this <picture> tag.
Chris@0:  * - img_element: The controlling image, with the fallback image in srcset.
Chris@0:  * - output_image_tag: Whether or not to output an <img> tag instead of a
Chris@0:  *   <picture> tag.
Chris@0:  *
Chris@0:  * @see template_preprocess()
Chris@0:  * @see template_preprocess_responsive_image()
Chris@0:  *
Chris@0:  * @ingroup themeable
Chris@0:  */
Chris@0: #}
Chris@0: {% if output_image_tag %}
Chris@0:   {{ img_element }}
Chris@0: {% else %}
Chris@0:   <picture>
Chris@0:     {% if sources %}
Chris@0:       {#
Chris@0:       Internet Explorer 9 doesn't recognise source elements that are wrapped in
Chris@0:       picture tags. See http://scottjehl.github.io/picturefill/#ie9
Chris@0:       #}
Chris@0:       <!--[if IE 9]><video style="display: none;"><![endif]-->
Chris@0:       {% for source_attributes in sources %}
Chris@0:         <source{{ source_attributes }}/>
Chris@0:       {% endfor %}
Chris@0:       <!--[if IE 9]></video><![endif]-->
Chris@0:     {% endif %}
Chris@0:     {# The controlling image, with the fallback image in srcset. #}
Chris@0:     {{ img_element }}
Chris@0:   </picture>
Chris@0: {% endif %}