jカルーセル幅の問題

Question

私は私の会社のために作成しているウェブサイトでjCarouselを使用しています。 jCarouselに付属のデフォルトのjavascriptを使用しています。

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

幅

はjCarouselは、付属のjavascriptによって生成されているが、それは値を変更する場所を把握するのに私が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の編集は、それがOKに見えるのですが、あなたはそれが#mainhomeの幅全体をカバーする必要がある場合は、画像のサイズを変更することを検討すべきです。

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

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

別のオプションは、.jcarousel-skin-tango .jcarousel-clip-horizontalにmargin: 0 40px;を追加することができます。

Answer 2

ちょうどあなたのCSSにスタイルを追加します。

デフォルトから撮影

.jcarousel-list-horizontal {width: x}

アル

Answer 3

また、CSSスタイルを作成して!importantを追加すると、インラインスタイルが上書きされます。たとえば、

#carousel { 
    width: 1000px !important; 
} 

これが機能しますが、コンテナの幅が広すぎると、その中の項目を超えてスクロールすることができます。私はまだこれの回避策を探しています。

新しいバージョン（0.3.0）もありますが、デベロッパーサイトには本当に良い例はまだありません。