templates/_parts/image/adaptive-image.html.twig line 1

Open in your IDE?
  1. {% set size = size|default('thumb') %}
  2. {% set classPicture = classPicture|default('') %}
  3. {% set class = class|default('') %}
  4. {% set alt = alt|default('') %}
  5. {% set field = field|default('imageFile') %}
  6. {% set query = query|default({
  7.     'x-large': '(min-width: 1500px)',
  8.     'large': '(min-width: 1200px) and (max-width: 1499)',
  9.     'medium': '(min-width: 768px) and (max-width: 1199px)',
  10.     'small': '(max-width: 767px)',
  11. })%}
  12. {% set object = object|default('') %}
  14. {% if not object %}
  15.     {% if app.environment == 'dev' %}
  16.         Не передан объект для получения изображения!
  17.     {% endif %}
  18. {% else %}
  19.     {% set configs = get_image_size_configs(size) %}
  20.     {% set image = vich_uploader_asset(object, field)  %}
  22.     <picture class="{{ classPicture }}">
  23.         {% set firstConfig = null %}
  24.         {% for queryName, mediaQuery in query %}
  25.             {% set configItem = configs[queryName]|default(null) %}
  26.             {% if configItem and not firstConfig %}
  27.                 {% set firstConfig = configItem %}
  28.             {% endif %}
  29.             {% set configItem2x = configs[queryName ~ '_2x']|default(null) %}
  31.             {% set configItemWebp = configs[queryName ~ '_webp']|default(null) %}
  32.             {% set configItemWebp2x = configs[queryName ~ '_webp_2x']|default(null) %}
  34.             {{ _self.pictureSource(image, configItemWebp, configItemWebp2x, mediaQuery, 'image/webp') }}
  35.             {{ _self.pictureSource(image, configItem, configItem2x, mediaQuery) }}
  36.         {% endfor %}
  38.         {# Привет, друг! Если ругается про filterSet и прочие странные шутки - почисти кеш :) #}
  39.         <img src="{{ image | imagine_filter(firstConfig.filter_set, firstConfig.filters) }}" alt="{{ alt }}" class="{{ class }}" loading="lazy"/>
  40.     </picture>
  41. {% endif %}
  43. {% macro pictureSource(image, config1x, config2x, mediaQuery, type) %}
  44.     {% if config1x and config2x %}
  45.         <source srcset="{{ image | imagine_filter(config1x.filter_set, config1x.filters) }} 1x,
  46.                     {{ image | imagine_filter(config2x.filter_set, config2x.filters) }} 2x"
  47.                 media="{{ mediaQuery }}"
  48.                 {% if type %}type="image/webp"{% endif %}>
  49.     {% endif %}
  50. {% endmacro %}