templates/partials/_carrousel.html.twig line 1

  1. <div class="flex flex-row overflow-hidden">
  3.     <ul class="flex gap-20 pl-20 animate-loop-scroll">
  4.         {% for imageOuting in imageOutings %}
  5.             <li class="w-52 h-auto overflow-hidden">
  6.                 <img class="w-full rounded-lg" src="{{ asset('upload/imageOuting/' ~ imageOuting.picture) }}" alt="{{ imageOuting.title }}" title="{{ imageOuting.description }}">
  7.             </li>
  8.         {% endfor %}
  9.     </ul>
  11.     {#      expand to have infinite loop#}
  12.     <ul class="flex gap-20 pl-20 animate-loop-scroll">
  13.         {% for imageOuting in imageOutings %}
  14.             <li class="w-52 overflow-hidden">
  15.                 <img class="w-full rounded-lg" src="{{ asset('upload/imageOuting/' ~ imageOuting.picture) }}" alt="{{ imageOuting.title }}" title="{{ imageOuting.description }}">
  16.             </li>
  17.         {% endfor %}
  18.     </ul>
  20. </div>