templates/clientWeb/slider/slider.html.twig line 1

Open in your IDE?
  1. {% block slider %}
  2. <aside id="search-top">
  3.     <div id="carousel" class="slide-gen">
  4.         <div id="carouselExampleIndicators" class="carousel slide"    data-ride="carousel">
  5.             <ol class="carousel-indicators">
  6.                 {% for indexSlider in 0..13 %}
  7.                 <li data-target="#carouselExampleIndicators" data-slide-to="{{ indexSlider}}"
  8.                     class="{{ (indexSlider==0) ? 'active' : '' }}"></li>
  9.                 {% endfor %}
  10.             </ol>
  11.             <div class="carousel-inner">
  12.                 {% for indexSlider in 0..13 %}
  13.                     <div class="carousel-item {{ (indexSlider==0) ? 'active' : '' }}">
  14.                         <img class="d-block w-100" src="{{ absolute_url(asset('img/photoSite/sliderHomePage/slider_'~indexSlider~'_visuel.jpg')) }}" alt="slider_{{ indexSlider}}_visuel.jpg">
  15.                     </div>
  16.                 {% endfor %}
  17.             </div>
  18.             <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> 
  19.                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  20.                 <span class="sr-only">Previous</span>
  21.             </a> 
  22.             <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> 
  23.                 <span class="carousel-control-next-icon" aria-hidden="true"></span> 
  24.                 <span class="sr-only">Next</span>
  25.             </a>
  26.             
  27.         </div>
  29.     </div>
  31. </aside>
  32. {% endblock %}