Карусель Bootstrap — цикл в javascript

Я пытаюсь использовать карусель начальной загрузки, но не могу заставить ее работать. У меня есть список с картинками, которые я хочу просмотреть и показать в карусели. Я не могу показать все картинки, так как "активировать" (строка 3 в тексте ниже) нужно применять только к первой картинке (а не к остальным в списке). Это означает, что мне нужно какое-то ограничение относительно «активировать». Вероятно, что-то вроде «используйте активацию только для первого сквозного прохода». Я не совсем уверен, как это написать. Я пишу на javascript (новичок), и мне очень трудно включить его в html-файл.

  <div class = "carousel-inner">
        {% for image in images %}
          <div class = "carousel-item active">
            <img src = "{{ url_for('static', filename='images/' + image.image) }}" alt = "{{ name }} product image" class = "d-block w-100">
          </div>
        {% endfor %}
    </div>