jQuery cardslider

JavaScript

カードをスライドさせるようにコンテンツを表示できる「jQuery cardslider」

jQuery cardsliderは、コンテンツをカードのように表示してスライドさせて見せることができるjQueryプラグインです。シンプル・軽量なのでサクサク動作するのが魅力です。コンテンツをただ表示させるだけではもの足りたいという人にはピッタリですね。

jQuery cardslider

デモ

デモでは、カードに書かれたようなコンテンツが複数設置されています。下部にナビゲーションがあるので、ここから各コンテンツにスライドさせることができます。

また、ナビゲーションをクリックしてスライドさせるだけではなく、キーボードの上下矢印キーからでも操作できるようになっています。カードを一枚一枚スライドさせるように、コンテンツを眺めていくことができるので、とてもおもしろいですね。

オプションもいろいろ用意されていて、keys、direction、nav、swipe、dots、beforeCardChange、afterCardChange、nextCard、prevCardなどといった項目を設定することが可能です。細かいカスタマイズをしたい人にとってもうれしい仕様といえそうですね。

というわけで、コンテンツをカードのようにスライドさせながら見せたいという人は、ぜひチェックされてみてはいかがでしょうか?

jQuery cardslider

3D Portfolio Template立体的に回転するテンプレート「3D Portfolio Template」前のページ

iPhone 7(iOS 10)でフラッシュライト(懐中電灯)の明るさを調整するやり方次のページフラッシュライト(懐中電灯)の明るさ調整

関連記事

  1. t-scroll

    JavaScript

    アニメーションとともにアイテムが一つずつ現れる「t-scroll」

    t-scrollはアニメーションとともにアイテムを一つずつ表示させるこ…

  2. Background Blur

    JavaScript

    画像をボカしてくれるクロスブラウザ対応の「Background Blur」

    Background Blurは画像をカッコよくボカしてくれるクロスブ…

  3. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

  4. Progressively

    JavaScript

    画像を徐々に読み込んでくれるJSライブラリ「Progressively」

    Progressivelyは画像を徐々に読み込ませることができるJSラ…

  5. evol-colorpicker

    JavaScript

    マイクロソフト オフィス2010のようなカラーピッカー「evol-colorpicker」

    evol-colorpickerは、マイクロソフト オフィス2010の…

  6. Captall

    JavaScript

    画像やDOM要素の上にキャプションを表示することができるjQueryプラグイン「Captall」

    CaptallというjQueryプラグインを使えば、画像や設定したDO…

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP