jQuery, jCarousel

Question

У меня возникли проблемы с настройкой jCarousel правильно. Кажется, что он находит дополнительный элемент списка на ul и в конце прокрутки он прокручивает немного больше. Я не понимаю, почему.

HTML-код выглядит следующим образом:

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

и Javascript код:

jQuery('.demo1').jcarousel({ 

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

любая помощь будет оценена.

Я отправил страницу здесь: http://www.44db.com/demo/yc

Answer 1

Я бежал в это тоже. Это очень раздражает! Вот почему это может произойти. Ширина ваших позиций li плюс любые поля больше, чем ширина #maincontainer. Это означает, что последний элемент li разливается по #maincontainer, и скрипт захочет переместить этот последний бит, оставив дополнительный щелчок. Один из способов проверить это: присвойте id последнему li и уменьшите ширину и посмотрите, не устранит ли это его. Если это так, вам нужно увеличить ширину #maincontainer.

Answer 2

Я удалил css {display: inline} и любую другую css-собственность размера, и она работает для меня!