vendor/boldr/cms-bundle/src/Resources/views/component/image.html.twig line 1

Open in your IDE?
  1. <picture class="boldr-picture">
  2.     {% for type, sizes in image.types %}
  3.         {% if type != image.defaultType %}
  4.             {% set sizes = sizes|filter((v,k) => (k matches '/^\\d+$/') and (image.maximumSize is null or image.maximumSize >= k)) %}
  5.             {% if sizes|length > 0 %}
  6.                 <source type="{{ type }}" srcset="{% for key, s in sizes %}{% if not loop.first %}, {% endif %}{{ image.absoluteUrl ? absolute_url(s) : s ~ ' ' ~ key ~ 'w' }}{% endfor %}" />
  7.             {% endif %}
  8.         {% endif %}
  9.     {% endfor %}
  10.     {% set sizes = image.types[image.defaultType]|filter((v,k) => (k matches '/^\\d+$/') and (image.maximumSize is null or image.maximumSize >= k)) %}
  11.     <img {{ not image.loadEagerly ? 'loading="lazy"' }}
  12.         src="{{ image.absoluteUrl ? absolute_url(sizes|first) : sizes|first }}"
  13.         alt="{{ image.description }}"
  14.         {% if sizes|length > 1 %}
  15.         srcset="{% for key, s in sizes %}{% if not loop.first %}, {% endif %}{{ image.absoluteUrl ? absolute_url(s) : s ~ ' ' ~ key ~ 'w' }}{% endfor %}"
  16.         {% endif %}
  17.         style="object-position: {{ image.alignmentX }} {{ image.alignmentY }}"
  18.     >
  19. </picture>