前と次のページボタンを使って自分のスライド画像ギャラリーを作成する

Question

私は3ページに3枚の画像があるスライド画像ギャラリーを作っています。すべての画像は<ul>コンテナの中に置かれます。 「次へ」ボタンをクリックすると、次の3枚の画像がスライドして表示され、「前へ」ボタンをクリックすると、前の3枚の画像がスライドして表示されます。私は最後の3枚の画像になると「次へ」ボタンをクリックしても何もしないようにし、最初の3枚の画像を見ているときは「prev」ボタンをクリックすると何でも

問題は、画像が想定されている場所を滑っていないことです。たとえば、最初のページに「next」を押してから「prev」を押し、最後に「next」をもう一度押すと、<ul>イメージコンテナが2ページ目ではなく最後のページにスライドします。 3回目に「次へ」をクリックすると、コンテナの空白が<ul>と表示されるように、画像コンテナがすべての画像をスライドします。

はここにjsfiddleです：

jsfiddle

Answer 1

あなたはそれが両方の機能のために同じ値である必要がありますので、prevとnext機能外move_distanceを計算する必要があります。また、prevの機能と同じように、nextの機能を追加する必要があります。そのため、ページが残っていないと機能が停止するはずです。

私は最初の写真と9番目の写真を数字で変更したので、何が起こっているのかが分かりやすくなっています。ここに結果が表示されます：http://jsfiddle.net/keune/DWrnb/30/