2017-10-17 13:13:29 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
<head>
|
|
|
|
|
<title>{% trans %}Slideshow{% endtrans %}</title>
|
|
|
|
|
<link href="{{ scss('com/slideshow.scss') }}" rel="stylesheet" type="text/css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="slideshow">
|
|
|
|
|
|
|
|
|
|
<div id="slides">
|
|
|
|
|
{% for poster in posters %}
|
|
|
|
|
<div class="slide {% if loop.first %}center{% else %}right{% endif %}">
|
2017-11-01 17:12:33 +00:00
|
|
|
<img src="{{ poster.file.url }}"></img>
|
2017-10-17 13:13:29 +00:00
|
|
|
</div>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="progress_bullets">
|
|
|
|
|
{% for poster in posters %}
|
|
|
|
|
<div class="bullet {% if loop.first %}active{% endif %}"></div>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="progress_bar"></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<script src="{{ static('core/js/jquery-3.1.0.min.js') }}"></script>
|
|
|
|
|
<script src="{{ static('com/js/slideshow.js') }}"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
