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. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  2. jQuery Panorama Viewer

    JavaScript

    パノラマビューを実装できるjQueryプラグイン「jQuery Panorama Viewer」

    jQuery Panorama Viewerはパノラマビューを実装する…

  3. no-image
  4. jQuery-ResizableColumns

    JavaScript

    テーブルのカラムをリサイズできる「jQuery-ResizableColumns」

    jQuery-ResizableColumnsは、テーブルのカラムをリ…

  5. JavaScript

    シンプルでスワイプにも対応したスライダーならSimple jQuery sliderがオススメ

    シンプルでスマホのスワイプにも対応したスライダーを実装したいって時にオ…

  6. jCider

    JavaScript

    レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

    jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP