JavaScript

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

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

[ads_center]

Paper Sliderの使い方

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

Paper Slider

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

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

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

Paper Slider

関連記事

  1. ItemSlide.js

    JavaScript

    タッチやスワイプでスライドするカルーセルのjQueryプラグイン「ItemSlide.js」

    ItemSlide.jsはタッチ、スワイプ、スクロールなどでスライドす…

  2. BookBlock Revised
  3. EndlessRiver

    JavaScript

    エンドレスに流れていくコンテンツスライダー「EndlessRiver」

    EndlessRiverはエンドレスに流れていくコンテンツスライダーを…

  4. overhang.jp

    JavaScript

    シンプルでクールな通知バーを実装できるjQueryプラグイン「overhang.jp」

    overhang.jsは、通知バーを実装するためのjQueryプラグイ…

  5. socialShare.js
  6. jQuery Lighter

    JavaScript

    優雅なフェードで拡大縮小されるLightbox系ギャラリー・jQuery Lighter

    jQuery Lighterは美しいフェードで画像を拡大縮小させること…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP