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. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  2. Building a Vertical Timeline With CSS and a Touch of JavaScript
  3. ToxicBox

    JavaScript

    さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

    ToxicBoxは、ライトボックスのjQueryプラグインです。近年、…

  4. jqueryIntroLoader
  5. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

  6. percircle

    JavaScript

    カスタマイズもできるパーセンテージのサークル実装「percircle」

    percircleはCSSによるパーセンテージのサークルを実装できるj…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP