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. Animated Intro With jQuery

    JavaScript

    プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQ…

    シンプルなアニメーションがとてもカッコいいイントロページを実装する「A…

  2. roundSlider

    JavaScript

    値の範囲を円形スライダーで表示できる「roundSlider」

    roundSliderは値の範囲を円形スライダーで表示できるjQuer…

  3. Vide

    JavaScript

    背景にvideoを表示できるjQueryプラグイン「Vide」

    VideというjQueryプラグインを使えば、Webサイトの背景にvi…

  4. jQueryプラグインのスライダー集

    JavaScript

    【jQueryプラグイン】素晴らしい機能が満載のスライダー集

    jQueryプラグインには様々な役立つ機能がありますが、中でも人気が高…

  5. JavaScript

    スマホやタブレットでのスワイプに対応したモバイルにも最適なjQueryスライダー「Swiper」

    とてもよさそうだったのでメモしときます。スワイプで切り替えることができ…

  6. JavaScript

    レスポンシブやスワイプ対応で完成度の高いスライダーのjQueryプラグイン「Slider Pro」

    Slider Proはレスポンシブやタッチ・スワイプに対応したスライダ…

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP