Diagonal Slider

JavaScript

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

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

Diagonal Slider

デモ

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

data-title="タイトル"

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

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

Diagonal Slider

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

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

関連記事

  1. Jquery modal box plugin
  2. baffle.js

    JavaScript

    DOM要素内のテキストを難読化させて読めるようにする「baffle.js」

    baffle.jsは、DOM要素内のテキストを暗号化して難読化させ、さ…

  3. Macy.js

    JavaScript

    軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」

    Macy.jsは軽量なグリッドレイアウトを実装することができる便利なJ…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  5. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP