templates/component/image.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: image
  3.     src {string}: source de l'image
  4.     alt {string}: texte alternatif de l'image (Defaut: 'Image non disponible')
  5.       lazyload {boolean|null}: lazyload de l'image (Default: false)
  6. #}
  7. {% set props = {
  8.       src: random_src ~ '&sig=' ~ random(),
  9.     alt: 'Image non disponible',
  10.     lazyload: true,
  11.     theme: ''
  12. }|merge(props|default({}))  %}
  13. {% set class = class|default(null) %}
  14. <div data-component="image" 
  15.     class="Image-component Image--cover {%- if props.lazyload %} lazyload{% endif %} {%- if class %} {{ class }}{% endif %}">
  16.     <img {% if props.lazyload %} data-src="{{ props.src }}" {% else %} src="{{ props.src }}" {% endif %} class="Image-image {%- if props.lazyload %} lazyload{% endif %}" alt="{{ props.alt }}"/>
  17. </div>