|
|
Ligne 1 : |
Ligne 1 : |
| | | |
− | <div class="slider" id="main-slider" style="width:{{{width|100%}}}"> | + | <div class="slideshow-container" style="height:{{{Height|100px}}};"> |
− | <div class="slider-wrapper" style="height:{{{height|50px}}};">
| + | {{#loop: numeroSlide | 1 | {{{TotaleSlide|1}}} |<div class="mySlides fade" style="font-size:90%; padding-left:10px" alt="Slide {{#var:numeroSlide}}">{{{Slide{{#var:numeroSlide}}}}}</div>}} |
− | {{#loop: numeroSlide | 1 | {{{TotaleSlide|1}}} |<div class="slide" style="font-size:90%; padding-left:10px" alt="Slide {{#var:numeroSlide}}">{{{Slide{{#var:numeroSlide}}}}}</div>}}</div> | + | |
− | <div class="slider-nav"><!-- "Précédent" et "Suivant" -->
| + | <a class="next" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; {{Rounder|All|5px}}; padding-left:10px; padding-right:10px; float:right; cursor:pointer"><center>'''Suivant''' > |
− | <div class="slider-next" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; {{Rounder|All|5px}}; padding-left:10px; padding-right:10px; float:right; cursor:pointer"><center>'''Suivant''' > | + | </center></a> |
− | </center></div> | + | <a class="prev" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; {{Rounder|All|5px}}; padding-left:5px; padding-right:5px; float:left; cursor:pointer"><center>< '''Précedent''' |
− | <div class="slider-previous" style="border:1px solid #FF0202; border-top:none; background: #050404; color:#FFFFFF; {{Rounder|All|5px}}; padding-left:5px; padding-right:5px; float:left; cursor:pointer"><center>< '''Précedent''' | + | </center></a> |
− | </center></div></div></div> | + | |
| + | <div style="text-align:center"> |
| + | {{#loop: numeroSlide | 1 | {{{TotaleSlide|1}}} |<span class="dot"></span>}} |
| + | </div> |
| + | </div> |
| | | |
| | | |
{{{Slide1}}}
<a class="next" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-top-right:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottom-left:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottom-right:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;
- padding-left
- 10px; padding-right:10px; float:right; cursor:pointer">Suivant >
</a>
<a class="prev" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-top-right:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottom-left:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottom-right:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;
- padding-left
- 5px; padding-right:5px; float:left; cursor:pointer">< Précedent
</a>