Modèle:Slideshow : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 1 : Ligne 1 :
  
<div class="slider" id="main-slider" style="width:{{{width|100%}}}">
+
 
 
<div class="slideshow-container" style="height:{{{height|50px}}};">
 
<div class="slideshow-container" 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>}}</div>
 
{{#loop: numeroSlide | 1 | {{{TotaleSlide|1}}} |<div class="mySlides fade" 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''' >
 
<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''' >
 
</center></a>
 
</center></a>
 
<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'''
 
<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'''
</center></a></div></div>
+
</center></a></div>
  
 
<div style="text-align:center">
 
<div style="text-align:center">

Version du 25 janvier 2019 à 00:32


{{{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>