Diagonal Slider

JavaScript

斜めにデザインされたスタイリッシュなjQueryイメージスライダー「Diagonal Slider」

Diagonal Sliderは斜めにデザインされたクールでスタイリッシュなイメージスライダーを実装することができるjQueryプラグインです。斜めに大胆にカットされた画像をマウスオーバーでスライドさせることができます。

Diagonal Slider

デモ

スライダーなんですが、アコーディオンっぽいアニメーションが特徴的です。画像タグに以下のようなタイトル属性をつけることでタイトルを表示させることができます。

data-title="タイトル"

マークアップもシンプルだし使いやすそうなスライダーだなーと思いました。

斜めに切り取られたようなめずらしいデザインなので印象にも残りやすそうですね。人とは違うスライダーを実装したい時に活用してみてはいかがでしょうか?

Diagonal Slider

関連記事

  1. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  2. SweetAlert
  3. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  4. jQuery fullsizable
  5. Chameleon.js
  6. busy-load

    JavaScript

    シンプルでフレキシブルなローディングマスクプラグイン「busy-load」

    busy-loadはシンプルでフレキシブルなローディングマスクを実装す…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP