Discussion :

[rotciv46]

Je fais un carrousel qui se trouve dans un ul, chaque slide doit avoir 6 élément à l'intérieur (six li, donc). Je me demandais quelle était la meilleure façon de faire cela. Je suis un peu perdu, parce que je ne peux pas toucher à la structure HTML.

Merci d'avance à tous ceux qui prendront le temps de m'aider.

Voici mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<ul class="list">
<li id="img1" class=""><img class="format_web" title="mytitle"></li>
<li id="img2" class=""><img class="format_web" title="mytitle"></li>
<li id="img3" class=""><img class="format_web" title="mytitle"></li>
<li id="img4" class=""><img class="format_web" title="mytitle"></li>
<li id="img5" class=""><img class="format_web" title="mytitle"></li>
<li id="img6" class=""><img class="format_web" title="mytitle"></li>
<li class="sep" data-page="0" data-pagesize="20"><span class="next">&gt;</span></li>
<li class="sep" data-page="0" data-pagesize="20"><span class="prev">&lt;</span></li>
 
<li id="img7" class=""><img class="format_web" title="mytitle"></li>
<li id="img8" class=""><img class="format_web" title="mytitle"></li>
<li id="img9" class=""><img class="format_web" title="mytitle"></li>
<li id="img10" class=""><img class="format_web" title="mytitle"></li>
<li id="img11" class=""><img class="format_web" title="mytitle"></li>
<li id="img12" class=""><img class="format_web" title="mytitle"></li>
<li class="sep" data-page="0" data-pagesize="20"><span class="next">&gt;</span></li>
<li class="sep" data-page="0" data-pagesize="20"><span class="prev">&lt;</span></li>
 
<li id="img13" class=""><img class="format_web" title="mytitle"></li>
<li id="img14" class=""><img class="format_web" title="mytitle"></li>
<li id="img15" class=""><img class="format_web" title="mytitle"></li>
<li id="img16" class=""><img class="format_web" title="mytitle"></li>
<li id="img17" class=""><img class="format_web" title="mytitle"></li>
<li id="img18" class=""><img class="format_web" title="mytitle"></li>
<li class="sep" data-page="0" data-pagesize="20"><span class="next">&gt;</span></li>
<li class="sep" data-page="0" data-pagesize="20"><span class="prev">&lt;</span></li>

[SylvainPV]

Il y a un bazillion de très bons carousels JavaScript qui existent déjà et sont distribués en open-source. Beaucoup ne forcent pas le markup à utiliser, ou alors très peu. Pourquoi réinventer la roue ?