Во время работы над проектом Symfony я пытался ввести загрузочную карусель в один из моих файлов веток.
Когда я обновляю страницу, чтобы проверить ее, я замечаю, что карусель кажется застрявшей на первом изображении.Кажется, он не хочет переключаться на следующее изображение, если я нажимаю на «предыдущий / следующий» элементы управления или на нижние индикаторы.
Вот код кода моей карусели, надеюсь, кто-то сможетуказать на проблему:)
Заранее спасибо!
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% for image in ad.images %}
<li data-target="#carouselExampleIndicators" data-slide-to="{{ loop.index0 }}" {% if loop.first %}class="active"{% endif %}></li>
{% endfor %}
</ol>
<div class="carousel-inner">
{% for image in ad.images %}
<div class="carousel-item {% if loop.first %}active{% endif %}">
<img class="d-block w-100" src="{{ image.url }}" alt="First slide">
</div>
{% endfor %}
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>