Карусель добавляет бесполезную маржу-право на последний элемент

Question

У меня проблема с caroufredsel, что я не знаю, как ее решить.

Вот код, который я использую для моей карусели:

$("#list" + _i).carouFredSel({ 
       width: '100%', 
       align: 'left', 
       items: { 
        visible: 5, 
        width: 'auto' 
       }, 
       scroll : { 
        items: 1, 
        duration: 400, 
        fx: "scroll" 
       }, 
       auto: false, 
       next: "#right" + _i 
      }); 

И вот результат:

Как вы можете видеть, что это ужасный запас правого установлен на одном из элементов, разбивает Все это. Я не могу понять, что является причиной этого =/

Очевидно, что это работает как шарм, когда я удалить этот край:

Я полагаю, этот запас здесь, потому что в противном случае мы бы увидели частичные изображения в карусели. Но я хочу, чтобы это было так.

Halp?

Версия caroufredsel: Последние

Answer 1

Так что я нашел проблему. Lib не был проблемой вообще. Некоторые пустые узлы были вставлены в DOM вместе с другими хорошими, и они обрабатывались так, как если бы они имели ту же ширину, что и изображения (тогда были хорошие узлы).

Это привело к тому, что ширина карусели была слишком большой, а затем была испорчена.

Все хорошо сейчас :)

Answer 2

У меня была такая же проблема. Для меня это была проблема. Спасибо, что указал мне в правильном направлении.

Я использую комментарии для устранения пробелов и сохранить свой код в чистоте:

 <div class="bannerquisommesnous"><!-- 
      --><img src="banner-etienne1.jpg" /><!-- 
      --><img src="banner-mylene1.jpg" /><!-- 
      --><img src="banner-jen1.jpg" /><!-- 
      --><img src="banner-etienne2.jpg" /><!-- 
      --><img src="banner-mylene2.jpg" /><!-- 
      --><img src="banner-jen2.jpg" /><!-- 
      --><img src="banner-etienne3.jpg" /><!-- 
      --><img src="banner-jen6.jpg" /><!-- 
     --></div>