templates/front/Home/slider.html.twig line 1

Open in your IDE?
  1. <!-- *********************** Carrousel *********************** -->
  2. <div id="carousel-home" class="carousel slide slider-mobile hidden-xs hidden-sm" data-ride="carousel">
  4.     <!-- Wrapper for slides -->
  5.     {% if slider|length > 1%}
  6.         <!-- Indicators -->
  7.         <ol class="carousel-indicators hidden-xs">
  8.             {% for i in range(1, slider|length) %}
  9.                 <li data-target="#carousel-home" data-slide-to="{{ i-1 }}"{% if loop.index == 1%} class="active"{% endif %}></li>
  10.             {% endfor %}
  11.         </ol>
  12.     {% endif %}
  13.     <div class="carousel-inner" role="listbox">
  14.     {% if slider is not null %}
  15.         {% for slide in slider %}
  16.             {% if slide.etat %}
  17.             <div class="item{% if loop.index ==  1%} active{% endif %}">
  18.               <a href="{% if slide.url is not null %}{{ slide.url }}{% else %}#{% endif %}">
  19.                 <img 
  20.                     src="{{ asset(slide.media.webPath) }}"
  21.                     srcset="{{ asset(slide.media.webPath | imagine_filter('full_width_320') ) }} 320w,
  22.                         {{ asset(slide.media.webPath | imagine_filter('full_width_640') ) }} 640w,
  23.                         {{ asset(slide.media.webPath | imagine_filter('full_width_640') ) }} 768w,
  24.                         {{ asset(slide.media.webPath | imagine_filter('full_width_1024') ) }} 1024w,
  25.                         {{ asset(slide.media.webPath | imagine_filter('full_width_1280') ) }} 1280w,
  26.                         {{ asset(slide.media.webPath | imagine_filter('full_width_1366') ) }} 1366w,
  27.                         {{ asset(slide.media.webPath | imagine_filter('full_width_1900') ) }} 1900w"
  28.                     data-sizes="100vw"
  29.                     alt="{{ slide.titre }}"
  30.                     loading="lazy" />
  31.               </a>
  32.             </div>
  33.             {% endif %}
  34.         {% endfor %}
  35.         {% endif %}
  36.     </div>
  39.     {% if slider|length > 1%}
  40.         <a class="left carousel-control" href="#carousel-home" role="button" data-slide="prev">
  41.             <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  42.             <span class="sr-only">Previous</span>
  43.         </a>
  44.         <a class="right carousel-control" href="#carousel-home" role="button" data-slide="next">
  45.             <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  46.             <span class="sr-only">Next</span>
  47.         </a>
  48.     {% endif %}
  49. </div>