templates/main/content/galerie-photos.html.twig line 1

Open in your IDE?
  1. {# Galerie photos #}
  2. <div class="full-container">
  4.     {% if images %}
  6.         {% if is_mobile %}
  8.             {# MOBILE > royalslider (avec js) #}
  9.             <div class="relative">
  10.                 <div class="sliderGaleriePhotos royalSlider rsDefault" style="width: 100%;">
  11.                     {% for image in images %}
  12.                         <!-- simple image slide -->
  13.                         <img class="rsImg" src="{{ image.url_thumbs }}" alt="{{ image.caption }}" />
  14.                     {% endfor %}
  15.                 </div>
  16.                 <div class="badge absolute top-20 right-10"><i class="icon icon-camera"></i> {{ images|length }} photo(s)</div>
  17.             </div>
  19.         {% else %}
  21.             {# SCREEN > magnific popup #}
  22.             <div class="galerie_link_mfp relative">
  23.                 <div class="grid-3 grid-3-small-1 has-gutter">
  24.                     {% for image in images %}
  26.                         <a class="photo-item photo-thumb" href="{{ image.url_large }}" style="background-image: url('{{ image.url_thumbs }}');" title="{{ image.caption }}">
  27.                         </a>
  29.                     {% endfor %}
  30.                 </div>
  31.             </div>
  33.         {% endif %}
  35.     {% endif %}
  37. </div>