2017-11-28 14:02:46 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="fr">
|
2024-07-23 22:16:31 +00:00
|
|
|
<head>
|
2017-11-28 14:02:46 +00:00
|
|
|
<title>{% trans %}Slideshow{% endtrans %}</title>
|
2024-10-02 23:05:56 +00:00
|
|
|
<link href="{{ static('css/slideshow.scss') }}" rel="stylesheet" type="text/css" />
|
|
|
|
|
<script src="{{ static('webpack/jquery-index.js') }}"></script>
|
|
|
|
|
<script src="{{ static('com/js/slideshow.js') }}"></script>
|
2024-07-23 22:16:31 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2017-11-28 14:02:46 +00:00
|
|
|
<div id="slideshow">
|
|
|
|
|
|
2024-07-23 22:16:31 +00:00
|
|
|
<div id="slides">
|
2017-11-28 14:02:46 +00:00
|
|
|
{% for poster in posters %}
|
2024-07-23 22:16:31 +00:00
|
|
|
<div class="slide {% if loop.first %}center{% else %}right{% endif %}" display_time="{{ poster.display_time }}">
|
2024-10-02 23:05:56 +00:00
|
|
|
<img src="{{ poster.file.url }}">
|
2024-07-23 22:16:31 +00:00
|
|
|
</div>
|
2017-11-28 14:02:46 +00:00
|
|
|
{% endfor %}
|
2024-07-23 22:16:31 +00:00
|
|
|
</div>
|
2017-11-28 14:02:46 +00:00
|
|
|
|
2024-07-23 22:16:31 +00:00
|
|
|
<div id="progress_bullets">
|
2017-11-28 14:02:46 +00:00
|
|
|
{% for poster in posters %}
|
2024-07-23 22:16:31 +00:00
|
|
|
<div class="bullet {% if loop.first %}active{% endif %}"></div>
|
2017-11-28 14:02:46 +00:00
|
|
|
{% endfor %}
|
2024-07-23 22:16:31 +00:00
|
|
|
</div>
|
2017-11-28 14:02:46 +00:00
|
|
|
|
2024-07-23 22:16:31 +00:00
|
|
|
<div id="progress_bar"></div>
|
2017-11-28 14:02:46 +00:00
|
|
|
|
|
|
|
|
</div>
|
2024-07-23 22:16:31 +00:00
|
|
|
</body>
|
2017-11-28 14:02:46 +00:00
|
|
|
</html>
|
