|
@@ -44,7 +44,24 @@
|
|
|
|
|
|
|
|
|
|
{% block content %}
|
|
{% block content %}
|
|
- <div class="carousel">
|
|
|
|
|
|
+ {% if is_ressource_page %}
|
|
|
|
+ {# Affichage du carrousel uniquement sur les pages de type ressource #}
|
|
|
|
+ <div class="carousel">
|
|
|
|
+ <div class="main-image-container">
|
|
|
|
+ <div class="arrow left" id="prevArrow">←</div>
|
|
|
|
+ <img id="mainImage" src="" alt="Image principale">
|
|
|
|
+ <div class="arrow right" id="nextArrow">→</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="caption" id="caption"></div>
|
|
|
|
+ <div class="thumbnails-wrapper">
|
|
|
|
+ <div class="thumb-arrow left" id="thumbPrev">←</div>
|
|
|
|
+ <div class="thumbnails" id="thumbnails"></div>
|
|
|
|
+ <div class="thumb-arrow right" id="thumbNext">→</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ {% endif %}
|
|
|
|
+
|
|
|
|
+ {# <div class="carousel">
|
|
<div class="main-image-container">
|
|
<div class="main-image-container">
|
|
<div class="arrow left" id="prevArrow">←</div>
|
|
<div class="arrow left" id="prevArrow">←</div>
|
|
<img id="mainImage" src="" alt="Image principale">
|
|
<img id="mainImage" src="" alt="Image principale">
|
|
@@ -55,7 +72,7 @@
|
|
<div class="thumb-arrow left" id="thumbPrev">←</div>
|
|
<div class="thumb-arrow left" id="thumbPrev">←</div>
|
|
<div class="thumbnails" id="thumbnails"></div>
|
|
<div class="thumbnails" id="thumbnails"></div>
|
|
<div class="thumb-arrow right" id="thumbNext">→</div>
|
|
<div class="thumb-arrow right" id="thumbNext">→</div>
|
|
- </div> </div>
|
|
|
|
|
|
+ </div> </div> #}
|
|
{{ content }}
|
|
{{ content }}
|
|
{% endblock %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|