templates/PageParts/ImagePagePart/view.html.twig line 1

Open in your IDE?
  1. {% import _self as buildImage %}
  3. {% macro setFilters(image, altText, type, originalWidth, cropping) %}
  5.     {% set imgUrl = '' %}
  7.     {% if type in ['svg', 'gif'] %}
  8.         {% set imgUrl = absolute_url(asset(image)) %}
  9.         <img class="lazy" src="{{ imgUrl }}"{% if altText %} alt="{{ altText }}"{% endif %} />
  10.     {% else %}
  11.         {% set previewSrc = croppedImgSrc(image, cropping, jml_img_large.preview) %}
  12.         {% set mobileSrc = croppedImgSrc(image, cropping, jml_img_large.mobile) %}
  13.         {% set imgSrc = croppedImgSrc(image, cropping, jml_img_large.full) %}
  15.         {#
  16.             if the container has a max-width, for example 1130px, use:
  17.             sizes="(min-width: 1130px) 1130px, 100vw"
  18.         #}
  19.         <img class="lazy" src="{{ previewSrc }}" data-srcset="{{ mobileSrc }} 480w, {{ imgSrc }} 1920w" sizes="100vw"{% if altText %} alt="{{ altText }}"{% endif %} width="{{ originalWidth }}"/>
  20.         <noscript>
  21.             <img src="{{ imgSrc }}"{% if altText %} alt="{{ altText }}"{% endif %} />
  22.         </noscript>
  23.     {% endif %}
  24. {% endmacro %}
  26. {% if resource.media is not empty %}
  27.     {% set image %}
  28.         {% set imageType = resource.media.originalFilename|lower|split('.')|last %}
  29.         {{ buildImage.setFilters(resource.media.url, resource.altText, imageType, resource.media.metadata.original_width) }}
  30.     {% endset %}
  32.     {% if resource.media is not empty %}
  33.         {% if app.request %}
  34.             <figure class="image-pp">
  35.                 {% set imageType = resource.media.originalFilename|lower|split('.')|last %}
  37.                 {% if resource.link is defined and resource.link != '' %}
  38.                     <a href="{{ resource.link | replace_url }}" {% if resource.openinnewwindow %}target="_blank" rel="noopener"{% endif %}>
  39.                         {{ image }}
  40.                     </a>
  41.                 {% else %}
  42.                     {{ image }}
  43.                 {% endif %}
  45.                 {% if resource.caption %}
  46.                     <figcaption>
  47.                         <p>{{ resource.caption }}</p>
  48.                     </figcaption>
  49.                 {% endif %}
  50.             </figure>
  51.         {% endif %}
  52.     {% endif %}
  53. {% endif %}