私は通常、この種の質問をするのが嫌いですが、もう時間がありません。
私はスライダーやカルーセルなどを自分で書くことを好みますが、私の時間は非常に限られています。
さまざまなカルーセルを試してみましたが、私が望むことをするものはないようです。
必要なのは、全幅で高さが固定されたカルーセルです。表示される項目は可変である必要があり、項目の幅も同様です。ただし、スライダーの幅は、部分的にのみ表示され、円形であっても、常にスライダー項目で満たされている必要があります。
私は JSfiddle を作成しました: http://jsfiddle.net/BFS3q/これは私の質問をよりよく説明するかもしれません.caroufredsel プラグインをこれで使用しました.
おそらく誰かが caroufredsel でこれを行う方法を知っているなら、ここに私が使用したものがあります:
$("#slider").carouFredSel({
width: "100%",
align:"left",
height: 150,
direction :"left",
items: {
minimum: 1,
start: 8,
width: "variable",
height: 150,
visible: "variable"
},
scroll: {
items: 1,
easing: "linear"
},
auto: true,
next: "#next",
prev: "#prev"
});