Custom Carousel

JavaScript

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

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

Custom Carousel

Custom Carousel

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

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

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

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

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

TyperTextテキストタイピングエフェクトを実装できる「TyperText」前のページ

四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」次のページjQuery Timespace

関連記事

  1. Notyf

    JavaScript

    シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」

    Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させる…

  2. Monthly.js

    JavaScript

    レスポンシブに対応したカレンダーを実装できる「Monthly.js」

    Monthly.jsはレスポンシブに対応したシンプルで美しいカレンダー…

  3. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  4. jquery.autoscroll-text-tape
  5. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  6. Quttons

    JavaScript

    ボタンの形状やカラーが変化するjQueryプラグイン「Quttons」

    Quttonsはボタンをクリックすると形状やカラーが変化して新しいコン…

最近の記事

  1. パーソナルパーティション
  2. 200-DGBG020

アーカイブ

PAGE TOP