30 lines
1.2 KiB
Cheetah
30 lines
1.2 KiB
Cheetah
<%block name="content">
|
|
<div id="${carousel_id}" class="carousel slide" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
% for i in range(len(slides_content)):
|
|
% 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.index == 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>
|
|
</%block>
|