Diagonal Slider

JavaScript

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

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

Diagonal Slider

デモ

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

data-title="タイトル"

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

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

Diagonal Slider

関連記事

  1. jQuery Tooltip Basic

    JavaScript

    カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」

    jQuery Tooltip Basicは、カスタマイズしやすいツール…

  2. Vague.js

    JavaScript

    要素をぼかすことができるjQueryプラグイン「Vague.js」

    要素をぼかすことができるjQueryプラグイン「Vague.js」が面…

  3. Responsive Multi Menu
  4. Animsition
  5. no-image

    JavaScript

    スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

    Mobile-Friendly Tableはスマホなどのモバイルに最適…

  6. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP