スワイプに対応したシンプルなカルーセル「jQuery touchSwipe Carousel」

jQuery touchSwipe Carousel

jQuery touchSwipe Carouselはスワイプやタッチに対応したシンプルなカルーセルを実装することができます。スマフォではスワイプでスライドしていき、PCではドラッグでスライドします。ちょっとしたコンテンツの一覧を表示させたい時によさそうですね。

jQuery touchSwipe Carousel

以下はjQuery touchSwipe Carouselのデモになります。画面の両端いっぱいまで表示させたカルーセルから、横幅が指定されたものまでいくつか種類があります。

jQuery touchSwipe Carousel

CodePen - jQuery touchSwipe - Carousel

スマフォで表示してみるとこんな感じです。スワイプしていくことで一つずつコンテンツが移動していきます。

jQuery touchSwipe Carousel

TouchSwipe Jquery Pluginをベースにして作られたスクリプトだそうです。

jQuery touchSwipe Carousel

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives