-
Notifications
You must be signed in to change notification settings - Fork 93
/
slides.tmpl
30 lines (30 loc) · 1.27 KB
/
slides.tmpl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{% block content %}
<div id="{{ carousel_id }}" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% for i in range(slides_content|length) %}
{% if i == 0 %}
<li data-target="#{{ carousel_id }}" data-slide-to="{{ i }}" class="active"></li>
{% else %}
<li data-target="#{{ carousel_id }}" data-slide-to="{{ i }}"></li>
{% endif %}
{% endfor %}
</ol>
<div class="carousel-inner">
{% for image in slides_content %}
{% if loop.index0 == 0 %}
<div class="carousel-item active"><img class="d-block w-100" src="{{ image }}" alt=""></div>
{% else %}
<div class="carousel-item"><img class="d-block w-100" src="{{ image }}" alt=""></div>
{% endif %}
{% endfor %}
</div>
<a class="carousel-control-prev" href="#{{ carousel_id }}" 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="#{{ carousel_id }}" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
{% endblock %}