Наличие загрузочной карусели для решения проблемы с трясогузкой

Question

Я тестировал свой код и столкнулся с небольшой проблемой. Мои индикаторы внизу позволяют навигацию, но чтобы добраться до конечного изображения в карусели, мне нужно нажать на второй последний индикатор? Я не вижу ошибку :(. Все остальные работают нормально.

  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ul class="carousel-indicators">
            {% for item in page.blogpage_images.all %}
                    <li data-target="#carouselExampleIndicators" data-slide-to="{{ forloop.counter }}" 
                                    class="{% if forloop.counter == 1 %}active{% endif %}"></li>
            {% endfor %}
        </ul>
        <div class="carousel-inner">
            {% for item in page.blogpage_images.all %}
                {% image item.image fill-900x400 as img %}
                <div class="carousel-item {% if forloop.counter == 1 %}active{% endif %}">
                    <img src="{{ img.url }}" class="d-block w-100" alt="{{ img.alt }}">
                </div>


            {% endfor %}
        </div>
    </div>

РЕДАКТИРОВАТЬ: Я получил ответ, но нет смысла удалять вопрос!

Answer 1

{{ forloop.counter|add:"-1" }} в data-slide-to