11540 sujets

JavaScript, DOM et API Web HTML5

Je fais un carousel en js 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:

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