jQuery, jCarousel

Question

J'ai des problèmes pour configurer jCousel correctement. Il semble que l'on trouve un élément de liste supplémentaire sur le ul et à à la fin du défilement, il défile un peu plus. Je ne peux pas comprendre pourquoi.

Le code html est le suivant:

<ul class="demo1"> 
         <li><a href="http://www.youtube.com/watch?v=jfWPDGWP568">Video 1</a></li> 
         <li><a href="http://www.youtube.com/watch?v=BcIjxlLfcM4">Video 2</a></li> 
         <li><a href="http://www.youtube.com/watch?v=sYi7uEvEEmk">Video 3</a></li> 
         <li><a href="http://www.youtube.com/watch?v=CjBwNesFGoc">Video 4</a></li> 
         <li><a href="http://www.youtube.com/watch?v=dHbOOe8n2gY">Video 5</a></li> 
         <li><a href="http://www.youtube.com/watch?v=QcGcIB7X_l4">Video 6</a></li> 
         <li><a href="http://www.youtube.com/watch?v=Ee3XaPFT5XM">Video 7</a></li> 
         <li><a href="http://www.youtube.com/watch?v=DR91Rj1ZN1M">Video 8</a></li> 
        </ul> 

et le code javascript est:

jQuery('.demo1').jcarousel({ 

       scroll: 1, 
       visible: 4, 
       buttonPrevHTML: '<button class="prev">προηγούμενο<\/button>', 
       buttonNextHTML: '<button class="next">επόμενο<\/button>' 
      }//, show() 
      ); 

toute aide serait appréciée.

J'ai posté ici la page: http://www.44db.com/demo/yc

Answer 1

J'ai couru dans cela aussi. Il est très ennuyeux! Voici pourquoi cela pourrait se produire. La largeur de vos éléments li, plus toutes les marges est supérieure à la largeur de #maincontainer. Cela signifie que le dernier élément li déborde sur #maincontainer et que le script voudra déplacer ce dernier bit, laissant un clic supplémentaire. Une façon de vérifier cela: assigner un identifiant à la dernière li, et réduire la largeur, et voir si cela ne le corrige pas. Si c'est le cas, vous devez agrandir #maincontainer.

Answer 2

J'ai enlevé css {display: inline}, et toute autre propriété css de taille et ça marche pour moi!