Объектная карусель в django

я также хочу, чтобы он был в размере col-md-6 с приятным эффектом слайд-шоу.

i не удалось отобразить изображение или показать элемент, извлеченный из базы данных.

Я не смог понять, как динамически создать 1 элемент, поэтому я добавил 3 переменные каждого (image1, image2, image3 и т.д.). Я не хочу, чтобы в моей карусели было более 10 изображений

 <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
              <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
              <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                {% for object in obj %}
              <div class="carousel-item {% if forloop.counter0 == 0 %} active {% endif %}">
                <img class="d-block w-100" src="{{ object.image.url }}" alt="First slide">
                <div class="carousel-caption d-none d-md-block">
                    <h5>{{ object.title }}</h5>
                    <p>{{ object.sub_title }}</p>
                  </div>
                  {% endfor %}
              </div>
                           
            </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>
      </div>

Вернуться на верх