Diagonal Slider

JavaScript

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

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

Diagonal Slider

デモ

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

data-title="タイトル"

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

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

Diagonal Slider

jQuery fatNavミニマルテイストなフルスクリーンメニューを実装できる「jQuery fatNav」前のページ

軽量でレスポンシブなサムネイルナビ付きのスライダー「JQuery lightSlider」次のページJQuery lightSlider

関連記事

  1. jfMagnify
  2. Switchery

    JavaScript

    チェックボックスをiOS7のようなスタイルにしてくれるjQueryプラグイン「Switchery」

    SwitcheryというjQueryプラグインを使えば、チェックボック…

  3. Frappe Charts

    JavaScript

    シンプルでモダンなSVGチャートを実装できる「Frappe Charts」

    Frappe Chartsは、シンプルでモダンなSVGチャート(グラフ…

  4. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

  5. SweetDropdown

    JavaScript

    スタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」

    SweetDropdownは、多彩なドロップダウンを実装することができ…

  6. jQuery TextFill

    JavaScript

    テキストをリサイズしてコンテナにフィットさせる「jQuery TextFill」

    jQuery TextFillはテキストをリサイズしてコンテナにフィッ…

最近の記事

  1. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  2. ライオン システマ 超コンパクト ふつう
  3. タリーズ ハムチーズ&サラダサンド
  4. クリニカのY字タイプのフロス
  5. 日和山公園の桜

アーカイブ

PAGE TOP