JavaScript

紙のようなエフェクトのスライダーを実装できるjQueryプラグイン「Paper Slider」

Paper SliderというjQueryプラグインを使えば、紙のようなエフェクトのシンプルなスライダーを実装することができます。1枚ずつ紙を前から後ろへ入れ替えていくようなスライドをします。実際のデモでは前後に移動できる矢印もついているので便利ですね。

[ads_center]

Paper Sliderの使い方

こんな感じのシンプルなスライダーを実装できます。

Paper Slider

$(document).ready(function() {
    var as = $('#papers').paperSlider()
})

オプションには、スピード、タイマー、オートスライダーの有無、ホバーで停止するかどうかなど、カスタマイズできる項目が色々あります。

ちょっと珍しい感じのスライダーなので、一般的なスライダーでは物足りないって時に活用してみてはいかがでしょうか。

Paper Slider

関連記事

  1. Footnoted

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

  2. jfMagnify
  3. Textillate.js

    JavaScript

    テキストに面白いCSS3アニメーションを加えることができるjQueryプラグイン「Textillat…

    指定したテキストに面白いCSS3アニメーションを加えることができるjQ…

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

    JavaScript

    jQueryでオブジェクトの型を取得して判定などをしたい場合はjQuery.type()を使う

    jQuery.type(obj)を使えばオブジェクトの型を知ることがで…

  5. no-image

    JavaScript

    テキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」

    jTyperはテキストリンクをタイピングアニメーションで表示できるjQ…

  6. slimMenu

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP