https://wiki.alakihel.ovh/index.php?action=history&feed=atom&title=Mod%C3%A8le%3ACaroussel_test
Modèle:Caroussel test - Historique des versions
2026-04-09T10:28:08Z
Historique des versions pour cette page sur le wiki
MediaWiki 1.43.1
https://wiki.alakihel.ovh/index.php?title=Mod%C3%A8le:Caroussel_test&diff=2800&oldid=prev
Alakihel le 15 avril 2025 à 21:19
2025-04-15T21:19:57Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 15 avril 2025 à 21:19</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l44">Ligne 44 :</td>
<td colspan="2" class="diff-lineno">Ligne 44 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></div></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></div></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></includeonly></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></includeonly></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><noinclude></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><templatedata></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "params": {</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "Image1": {</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "type": "wiki-file-name"</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> },</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "Image2": {</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "type": "wiki-file-name"</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> },</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "Image3": {</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "type": "wiki-file-name"</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> }</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> }</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></templatedata></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></noinclude></ins></div></td></tr>
</table>
Alakihel
https://wiki.alakihel.ovh/index.php?title=Mod%C3%A8le:Caroussel_test&diff=2799&oldid=prev
Alakihel : Page créée avec « <noinclude> == Carrousel d'images (test) == Ce modèle affiche un carrousel CSS sans JavaScript. === Paramètres === * <code>Image1</code> — première image * <code>Image2</code> — deuxième image * <code>Image3</code> — troisième image </noinclude><includeonly> <div class="carousel-container" style="width: 100%; max-width: 300px; margin: auto;"> <!-- Radios --> <input type="radio" name="carousel" id="carousel-1" checked style="display: none;"> <input typ... »
2025-04-15T21:17:14Z
<p>Page créée avec « <noinclude> == Carrousel d'images (test) == Ce modèle affiche un carrousel CSS sans JavaScript. === Paramètres === * <code>Image1</code> — première image * <code>Image2</code> — deuxième image * <code>Image3</code> — troisième image </noinclude><includeonly> <div class="carousel-container" style="width: 100%; max-width: 300px; margin: auto;"> <!-- Radios --> <input type="radio" name="carousel" id="carousel-1" checked style="display: none;"> <input typ... »</p>
<p><b>Nouvelle page</b></p><div><noinclude><br />
== Carrousel d'images (test) ==<br />
Ce modèle affiche un carrousel CSS sans JavaScript.<br />
=== Paramètres ===<br />
* <code>Image1</code> — première image<br />
* <code>Image2</code> — deuxième image<br />
* <code>Image3</code> — troisième image<br />
</noinclude><includeonly><br />
<div class="carousel-container" style="width: 100%; max-width: 300px; margin: auto;"><br />
<br />
<!-- Radios --><br />
<input type="radio" name="carousel" id="carousel-1" checked style="display: none;"><br />
<input type="radio" name="carousel" id="carousel-2" style="display: none;"><br />
<input type="radio" name="carousel" id="carousel-3" style="display: none;"><br />
<br />
<!-- Slides --><br />
<div class="carousel-slide" style="position: relative; height: auto; overflow: hidden;"><br />
<div style="display: flex; width: 300%; transition: transform 0.5s ease;"><br />
<div class="carousel-image" style="flex: 1 0 100%; text-align:center;"><br />
[[File:{{{Image1|Example1.jpg}}}|300px]]<br />
</div><br />
<div class="carousel-image" style="flex: 1 0 100%; text-align:center;"><br />
[[File:{{{Image2|Example2.jpg}}}|300px]]<br />
</div><br />
<div class="carousel-image" style="flex: 1 0 100%; text-align:center;"><br />
[[File:{{{Image3|Example3.jpg}}}|300px]]<br />
</div><br />
</div><br />
</div><br />
<br />
<!-- Boutons --><br />
<div class="carousel-buttons" style="text-align: center; margin-top: 5px;"><br />
<label for="carousel-1" style="cursor:pointer; padding:5px;">●</label><br />
<label for="carousel-2" style="cursor:pointer; padding:5px;">●</label><br />
<label for="carousel-3" style="cursor:pointer; padding:5px;">●</label><br />
</div><br />
<br />
<style><br />
#carousel-1:checked ~ .carousel-slide div { transform: translateX(0%); }<br />
#carousel-2:checked ~ .carousel-slide div { transform: translateX(-100%); }<br />
#carousel-3:checked ~ .carousel-slide div { transform: translateX(-200%); }<br />
</style><br />
<br />
</div><br />
</includeonly></div>
Alakihel