jQuery touchSwipe Carousel

JavaScript

スワイプに対応したシンプルなカルーセル「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

「ディスクから削減」と「除去」の違いLightroomで「ディスクから削減」と「除去」の違い前のページ

Macのメールアプリ「Airmail 2.0」を使ってみた!アカウントの設定など次のページ

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP