Diagonal Slider

JavaScript

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

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

Diagonal Slider

デモ

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

data-title="タイトル"

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

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

Diagonal Slider

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

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

関連記事

  1. Warp drive jQuery plugin
  2. xGallerify

    JavaScript

    サイズが異なる画像でもキレイに表示できるギャラリー実装「xGallerify」

    xGallerifyはギャラリーを作成するのに最適なjQueryプラグ…

  3. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

  4. Albe Timeline

    JavaScript

    JSONデータを用いたタイムライン実装「Albe Timeline」

    Albe TimelineはJSONデータを用いたカスタマイズ性の高い…

  5. scrollUp

    JavaScript

    スクロールしていくと先頭に戻るボタンを表示してくれるjQueryプラグイン「scrollUp」

    下へスクロールしていくと、先頭に戻るボタンを表示してくれるjQuery…

  6. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP