2012-01-25 8 views
9

3枚の画像が見えるページに3枚以上の画像を表示し、一度に1枚の画像を進めることができます。このような何か:ユーザーがクリックしたときにjQueryCycleは一度に複数のイメージを表示できますが、一度に1つずつスライドできますか?

[Slide 1][Slide 2][Slide 3] 

は、[次へ

[Slide 2][Slide 3][Slide 4] 

jQueryCycleでこれを行うには、それは可能ですか?もしそうでなければ、どのjQueryプラグインをお勧めしますか?

このexampleは3つの画像を表示しますが、ナビゲーションボタンをクリックすると3つの画像すべてをスクロールします。

+1

ul、liと同様のソリューションを実装しました。おそらくそれはあなたにアイデアを与えるでしょうhttp://jsfiddle.net/skram/QScXU/ 6/ –

答えて

11

jCarouselは、この種のものではかなり一般的ですが、他のものも見つけることができます。

UPDATE

作成しscroll設定を使用していますdemo。自分自身を@malsupするためによると

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     wrap: 'circular', 
     scroll: 1 
    }); 
}); 
+0

私はjCarouselを使いましたが、私はそれも好きです。 – mrtsherman

+0

上記のコメントでSKSが提供する例のように動作しますか? – SomethingOn

+0

Stefan:はい円形のカルーセルです。はい、3枚の画像を表示しますが、重要な部分は、ボタンがクリックされた時点で1枚の画像しかスライドしていません...この例ではそうしていません。 – SomethingOn

1

jQueryのサイクル2には、これを行うことができ、デモとドキュメントがCycle 2 Carouselで見つけることができる "カルーセル遷移" と呼ばれています。 Cycle 2 download pageから利用可能なオプションの "Carousel"プラグインを追加する必要があることに注意してください。

関連する問題