Шаблоны Django - Как автоматически увеличить целое число?

Я использую Django с Alpine.js. Я пытаюсь перебирать изображения пользователей от 1 до 20. Например, 'user-1.jpg', 'user-2.jpg', и так далее, и так далее. Следующее, конечно, не работает, но, по крайней мере, это даст вам представление о том, чего я пытаюсь достичь:

{% load static %}

<template x-for="(item, index) in items" :key="index" hidden>
  <img class="absolute rounded-full z-10 animate-float" :style="item.style" :src="`{% static img/user-${index+1}.jpg %}`" :width="item.size" :height="item.size" :alt="`User ${index+1}`" @mouseenter="active = index; commentOn = true" @mouseleave="commentOn = false" />
</template>

Я знаю, что мне, вероятно, следует использовать {{ forloop.counter }}, но я не уверен, как именно я должен использовать его в данном типе контекста.

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