templates/front/index/newdetailCaroussel.html.twig line 1

Open in your IDE?
  2. {# recup uniquement les photos #}
  3. {% set arr = [] %}
  4. {% for img in allImgs %}
  5.   {% set lengthA = img.imgUrlFile|length %}
  6.   {% set ext = img.imgUrlFile|slice((lengthA - 3), 3) %}
  7.   {% if ext == 'mp4' or ext == 'm4v' %}
  8.   {% else %}
  9.     {% if img.actif == 1 %}
  10.       {% set arr = arr|merge({(img.ordre): img}) %}
  11.     {% endif %}
  12.   {% endif %}
  13. {% endfor %}
  15. {% if arr|length > 2 %}
  16.   {% set img1 = arr[0] %}
  17.   {% set img2 = arr[1] %}
  18.   {% set img3 = arr[2] %}
  19. {% endif %}
  23. <div class="container">
  24.   <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
  26.     <div class="carousel-inner">
  27.       {% set max = (arr|length) - 1 %}
  28.       {% set tour = 0 %}
  30.         {% for vign in arr %}
  31.             <div  class="carousel-item{% if tour == 0 %} active{% endif %} bg"
  32.                   style="background-image:url({{ pathLocal }}uploads/mobilier/640/v_{{ vign.imgUrlFile }})"
  33.             >
  34.             </div>
  35.           {% set tour = tour + 1 %}
  36.         {% endfor %}
  37.     </div>
  40.     <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
  41.       <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  42.       <span class="visually-hidden">Previous</span>
  43.     </button>
  46.     <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
  47.       <span class="carousel-control-next-icon" aria-hidden="true"></span>
  48.       <span class="visually-hidden">Next</span>
  49.     </button>
  52.     <div class="carousel-indicators">
  53.       {% set tourA = 0 %}
  55.       {% for vign in arr %}
  56.         <button type="button"
  57.           data-bs-target="#carouselExampleCaptions"
  58.           data-bs-slide-to="{{ tourA }}"
  59.           {% if tourA == 0 %}class="active" aria-current="true"{% endif %}
  60.           aria-label="Slide {{ ( tourA + 1 ) }}">
  61.           <img src="{{ pathLocal }}uploads/mobilier/640/v_{{ vign.imgUrlFile }}" alt="up-paris" class="d-block w-100 img-fluid">
  62.         </button>
  63.         {% set tourA = tourA + 1 %}
  64.       {% endfor %}
  67.     </div>
  75.   </div>
  76. </div>