「 ul要素とli要素にパディングやマージンがないことを確認してください」とドキュメントに書かれていることはよく知っていますが、スライド(li)の間に右マージンが本当に必要な場合はどうすればよいですか?
別のプラグインに切り替えることはできますが、(画像だけでなく) html コンテンツを表示できる必要があり、外部呼び出しによって制御できる必要があります。
グーグルはこれに関して私の友人ではありませんでした。
非常に単純です。BX Slider Web サイトでこの例を参照してください。
トリックは
$('#slider1').bxSlider({
displaySlideQty: 3,
moveSlideQty: 1
});
List Element に固定幅を指定します (text-align:center を使用して内側のコンテンツを中央に配置できます)。
例では次のようになります。
.demo-wrap .multiple li {
width: 190px;
}
うまくいかない場合はお知らせください。私にとってはうまくいきました:)
わかりましたので、bxSlider を捨てて、代わりに jcarousel を使用する必要がありました。このプラグインは、html コンテンツと外部コントロールを処理します。次に、 .jcarousel-item-horizontal で必要な右マージンを定義できました。
すべてが順調に進んでいます。
エチケットについてはわかりませんが、私は自分の答えに非常に満足しているので、承認済みとしてマークします...
編集:Imranの答えは最善の方法のように見えるので、私の答えのマークを外し、代わりに彼のマークを付けます。