<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-label="Slide 1">
<span></span>
</li>
{% set compteur = 1 %}
{% for image in attraction.attractionMedia %}
<li data-bs-target="#myCarousel" data-bs-slide-to="{{ compteur }}" class="" aria-current="true">
<span></span>
</li>
{% set compteur = compteur + 1 %}
{% endfor %}
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<a class="lightbox" href="{{ attraction.url | length > 0 ? attraction.url : asset('build/images/autres/1-600.c14c1b04.jpg') }}">
<img class="w-100" src="{{ attraction.url | length > 0 ? attraction.url : asset('build/images/autres/1-600.c14c1b04.jpg') }}" alt="">
</a>
</div>
{% for image in attraction.attractionMedia %}
<div class="carousel-item">
<a class="lightbox" href="{{ asset(image.url) }}">
<img class="w-100" src="{{ asset(image.url) }}" alt="">
</a>
</div>
{% endfor %}
</div>
</div>