如何在Django的图像列表中找到第一个图像

我有一个Django模板渲染结果和图像用于搜索汽车。如下:

{% for item in result %}
<li class="result-row">
    <!-- image box -->

<span>
<a href="#" class="result-image-act" >
    {% for image in item.images_cars_set.all %}


    {% if image.car_images_exists %}
    {% if image.car_images.0 %}
    <img   class="active" src=" {{image.car_images.url}}">
    {% endif %}
    {% if not image.car_images.0 %}
    <img    src=" {{image.car_images.url}}">
    {% endif%}
    {% endif %}
    {% empty %}

    <img  src="{% static 'path/to/default image' %}" class="active">

    {% endfor %}
</a>


<span class="embed-result-price">{{item.price}}</span>
<div class="swipe-wrap">
    <div class="swipe-wrap-lef">
        <span class="move" >
            <div class="swipe-prev">
                <p>&lt;</p>
            </div>
        </span>
    </div>
    <div class="swipe-wrap-rig">
        <span class="move" >
            <div class="swipe-next">
                <p>&gt;</p>
            </div>
        </span>
    </div>
</div>

</span> 

除了我想找到第一个图像并把它放在不同的img标签中,它需要class=“active”,代码工作得很好。这个类在javascript代码中用于向左或向右滑动所有图像。我尝试使用%if image.car_images.0%和%if image.car_images.first%查找第一个图像,但没有成功。我得到的是所有没有活动类的图像。任何帮助或建议。