Custom Carousel

JavaScript

カードスタイルのカルーセル・スライダー実装「Custom Carousel」

Custom Carouselはカードスタイルによるシンプルなカルーセル・スライダーを実装できます。左右のアイテムをクリックすることで、前後にスライドしていくことが可能です。操作性も簡単で、たくさんのアイテムをサクサク見ていけるのがいいですね。

Custom Carousel

Custom Carousel

デモでは左・中央・右の3枚のカードスタイルによるアイテムが表示されています。左か右のアイテムは中央のアイテムよりも薄くなっていて、ここをクリックすることで前後にスライド移動していくことができます。

また、キーボードの左右矢印キーにも対応しているので、ここから前後に移動させることも可能です。

左右のアイテムは中央に比べてサイズも一回り小さくなっているので、奥から手前に向かって移動してくるような立体感を感じさせてくれるのがいいですね。

シンプルな操作性で、次々にテンポよくカードを見ていけるところも便利です。パソコンだけでなくスマホやタブレットでも操作しやすいと思います。

滑らかなアニメーションで快適なカルーセル・スライダーを実装したい人は、ぜひ「Custom Carousel」をチェックしてみてはいかがでしょうか?

関連記事

  1. jquery.confirmDialog
  2. Jquery Tab Plugin

    JavaScript

    シンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」

    Jquery Tab Pluginはシンプルで見やすく、そして操作しや…

  3. Accordion.JS

    JavaScript

    クイックな開閉で使いやすいアコーディオン実装「Accordion.JS」

    Accordion.JSは、開閉の動作がクイックで使いやすいアコーディ…

  4. FModal.JS

    JavaScript

    シンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」

    FModal.JSはシンプルなフルスクリーンのモーダルウィンドウを実装…

  5. Albumize

    JavaScript

    アルバムみたいな画像コレクションのギャラリーを管理・実装できるjQueryプラグイン「Albumiz…

    Webページにある画像コレクションをアルバムのようなギャラリーに管理・…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP