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

jQuery cardslider

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

jQuery cardslider

デモ

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

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

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

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

jQuery cardslider

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives