|
1 <div tal:define="cache_key tales:cache_key(context)" |
|
2 i18n:domain="pyams_default_theme" |
|
3 id="carousel-${cache_key}" |
|
4 class="carousel slide col-lg-8 col-md-8 col-lg-offset-2 col-md-offset-2" data-ride="carousel"> |
|
5 <!-- Indicators --> |
|
6 <ol class="carousel-indicators"> |
|
7 <li tal:repeat="image context.get_visible_medias()" |
|
8 class="${'active' if repeat.image.start() else None}" |
|
9 data-target="#carousel-${cache_key}" |
|
10 data-slide-to="${repeat.image.index}"></li> |
|
11 </ol> |
|
12 <!-- Wrapper for slides --> |
|
13 <div class="carousel-inner" role="listbox"> |
|
14 <div tal:repeat="image context.get_visible_medias()" |
|
15 class="item ${'active' if repeat.image.start() else None}"> |
|
16 <tal:var define="image_data i18n:image.data; |
|
17 alt i18n:image.title;"> |
|
18 ${structure:tales:picture(image_data, alt=alt)} |
|
19 </tal:var> |
|
20 <div class="carousel-caption"> |
|
21 <h3>${i18n:image.title}</h3> |
|
22 <p tal:define="description i18n:image.description"> |
|
23 ${structure:tales:html(description)} |
|
24 </p> |
|
25 </div> |
|
26 </div> |
|
27 </div> |
|
28 <!-- Controls --> |
|
29 <a class="left carousel-control" href="#carousel-${cache_key}" role="button" data-slide="prev"> |
|
30 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> |
|
31 <span class="sr-only" i18n:translate="">Previous</span> |
|
32 </a> |
|
33 <a class="right carousel-control" href="#carousel-${cache_key}" role="button" data-slide="next"> |
|
34 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> |
|
35 <span class="sr-only" i18n:translate="">Next</span> |
|
36 </a> |
|
37 </div> |