Блог

Главная - Вопросы по программированию - Использование jinja2 для отображения другого изображения при каждом щелчке карусели

Использование jinja2 для отображения другого изображения при каждом щелчке карусели

#html #carousel

Вопрос:

Я пытаюсь показать карусель с различными случайными изображениями, отображаемыми за клик, в ту минуту, когда отображаются случайные изображения, но это одно и то же изображение на каждой карусели. Вот мой index.html:

 <div class="car-container">
        <div id="carouselExampleControlsNoTouching" class="carousel slide" data-bs-touch="false" data-bs-interval="false">
  <div class="carousel-inner">
    <div class="carousel-item active">
    {% for pics in featuredimage %}
    
        <img src="{{ url_for('static', filename=pics ) }}">
    
    </div>
    <div class="carousel-item">
    <img src="{{ url_for('static', filename=pics ) }}">
    </div>
    <div class="carousel-item">
    <img src="{{ url_for('static', filename=pics ) }}">
    </div>
  {% endfor %}
  </div>
  
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControlsNoTouching" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControlsNoTouching" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>
</div>

Спасибо за помощь!

Комментарии:

1. <div></div> Теги не будут совпадать, если у вас есть более одной фотографии featuredimage .

2. Значит, использование разных дивов исправит это?

3. Нет, я имел в виду, что вы должны закрыть тег div внутри цикла for, например {% for ... %} <div ...><img ...></div> {% endfor %} . Не повторяйте теги div вручную, иначе у вас будет одно и то же изображение несколько раз.

4. Это то, что я сделал в банкомате, но все равно не повезло, хотя это может быть неправильно, но они все равно показывают одно и то же изображение. {% for pics in featuredimage %} <div class="carousel-item active"> <img src="{{ url_for('static', filename=pics ) }}"> </div> {% endfor %} {% for pics in featuredimage %} <div class="carousel-item"> <img src="{{ url_for('static', filename=pics ) }}"> </div> {% endfor %} {% for pics in featuredimage %} <div class="carousel-item"> <img src="{{ url_for('static', filename=pics ) }}"> </div> {% endfor %} </div>

Метки: