templates/front/front_news/gallery/gallery-center-slider.html.twig line 1

Open in your IDE?
  1. <section data-bs-version="5.1"
  2.          class="slider2 cid-sYVWlfjyxH {{ bloc.act_bloc_margin_top }} {{ bloc.act_bloc_margin_bottom }}"
  3.          id="slider2-4a">
  6.     <div class="container">
  7.         <div class="row justify-content-center">
  8.             <div class="col-12 col-md-10">
  9.                 <div class="carousel slide carousel-fade" id="sYVZf9sm3L" data-ride="carousel" data-bs-ride="carousel"
  10.                      data-interval="3000" data-bs-interval="3000">
  12.                     <ol class="carousel-indicators">
  14.                         {% for media in medias %}
  16.                             <li data-slide-to="{{ loop.index0 }}" data-bs-slide-to="{{ loop.index0 }}"
  17.                                 {% if loop.first %}class="active"{% endif %} data-target="#sYVZf9sm3L"
  18.                                 data-bs-target="#sYVZf9sm3L"></li>
  20.                         {% endfor %}
  22.                     </ol>
  24.                     <div class="carousel-inner">
  26.                         {% for media in medias %}
  28.                             {% set mediaTmp = media.act_media_fichier %}
  29.                             {% set mediaDefault = "default.jpg" %}
  30.                             {% set mediaTmp = webp(webpSupported, mediaTmp)|url_encode %}
  31.                             {% set mediaDefault = webp(webpSupported, mediaDefault) %}
  33.                             <div class="carousel-item slider-image item {% if loop.first %}active{% endif %}">
  34.                                 <div class="item-wrapper">
  35.                                     <a
  36.                                             {% if media.act_media_lien %}
  37.                                                 href="{{ media.act_media_lien }}"
  38.                                                 {% if media.act_media_is_blank == 1 %}
  39.                                                     target="_blank"
  40.                                                     rel="noreferrer"
  41.                                                 {% endif %}
  42.                                             {% else %}
  43.                                                 href="{{ asset('/medias_front/actualite/'~mediaTmp) | imagine_filter('front_fancy') }}"
  44.                                                 target="_blank"
  45.                                             {% endif %}
  46.                                             rel="{{ bloc.act_bloc_titre|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  47.                                             title="{{ media.act_media_alt|default(bloc.act_bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  48.                                             style="background-image:url({{ asset('/medias_front/actualite/'~mediaTmp) | imagine_filter('front_blocGalerie'~type) }});">
  49.                                         <img class="d-block w-100 lazyload"
  50.                                              src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  51.                                              loading="lazy"
  52.                                              alt="{{ media.act_media_alt|default(bloc.act_bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  53.                                              data-src="{{ asset('/medias_front/actualite/'~mediaTmp) | imagine_filter('front_fancy') }}">
  54.                                     </a>
  55.                                     <div class="carousel-caption d-none d-md-block">
  56.                                         {% if bloc.act_bloc_titre %}
  57.                                             <h3 class="mbr-section-title mbr-fonts-style align-center display-2">
  58.                                                 <strong>{{ bloc.act_bloc_titre }}</strong>
  59.                                             </h3>
  60.                                         {% endif %}
  61.                                         {% if bloc.act_bloc_sstitre %}
  62.                                             <h4 class="mbr-section-subtitle mbr-fonts-style align-center display-5">
  63.                                                 {{ bloc.act_bloc_sstitre }}
  64.                                             </h4>
  65.                                         {% endif %}
  66.                                     </div>
  67.                                 </div>
  68.                             </div>
  70.                         {% endfor %}
  72.                     </div>
  73.                     <a class="carousel-control carousel-control-prev" role="button" data-slide="prev"
  74.                        data-bs-slide="prev"
  75.                        href="#sYVZf9sm3L">
  76.                         <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
  77.                         <span class="sr-only visually-hidden">Previous</span>
  78.                     </a>
  79.                     <a class="carousel-control carousel-control-next" role="button" data-slide="next"
  80.                        data-bs-slide="next"
  81.                        href="#sYVZf9sm3L">
  82.                         <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
  83.                         <span class="sr-only visually-hidden">Next</span>
  84.                     </a>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.     </div>
  91. </section>