jcarousel width issue

Question

Я использую jCarousel на веб-сайте, который я создаю для своей компании. Я использую javascript по умолчанию, который поставляется с jCarousel.

<ul id="mycarousel" class="jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px;width: 2084px;"> 

Ширина генерируется с помощью JavaScript, что jCarousel пришел с, но я могу CYPHER, хотя это, чтобы выяснить, где, чтобы изменить значение.

Любая помощь будет отличной.

Вот ссылка на то, что я работаю над: http://marcbrigham.com/lynxems/index.html

Answer 1

.jcarousel-skin-tango .jcarousel-clip-horizontal { 
    width: 245px; 
    height: 75px; 
} 

Взятые от значения по умолчанию Кожа танго, которая используется в examples.

Какая кожа/тема/CSS вы используете? jCarousel необходимо изменить width, чтобы включить слайд, но оберточный элемент должен использовать overflow: hidden;.

UPDATE

Этот CSS редактирования он выглядит нормально, но если вам это нужно, чтобы покрыть всю ширину #mainhome вы должны рассмотреть вопрос об изменении размера изображения.

.jcarousel-skin-tango .jcarousel-container-horizontal { 
    width: 765px; 
    padding: 20px 40px; 
    height: 200px; 
} 

.jcarousel-skin-tango .jcarousel-clip-horizontal { 
    width: 775px; 
    height: 190px; 
} 

Другим вариантом может быть добавление margin: 0 40px; к .jcarousel-skin-tango .jcarousel-clip-horizontal.

Answer 2

просто добавить стиль к вашему CSS:

.jcarousel-list-horizontal {width: x}

Al

Answer 3

Вы также можете создать стиль CSS и добавить к нему !important, который переопределит встроенные стили. Например:

#carousel { 
    width: 1000px !important; 
} 

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

Существует также новая версия (0.3.0), но на сайте разработчиков еще нет хороших примеров.