NO IMAGE

JavaScript

フェード、スライド、水平、垂直などカスタマイズ性の高いスライダー「Prrple Slider」

Prrple Sliderはフェードアニメーションやスライド、ループ、水平、垂直など高いカスタマイズ性を有するjQueryプラグインです。タッチスワイプにも対応しているのでモバイルにも適しています。

Prrple Slider

Prrple Slider

デモにはいろんなタイプが用意されており、フェード、フェードループ、スライド(水平)、スライド(水平)ループ、スライド(水平)シームレスなループ、スライド(水平)シームレスなループ(Rich Swiping)、スライド(垂直)、スライド(垂直)ループ、スライド(垂直)シームレスなループ、スライド(垂直)シームレスなループ(Rich Swiping)など、カスタマイズにより多彩なスライダーが実装できるのを確認できます。

ただのループの場合は、最後のアイテムから最初のアイテムにスライドする時に、逆にスライドして戻りますが、シームレスなループの場合は、そのままの方向で最後のアイテムから最初のアイムにスライドしていきます。

スライダーの両端には前後スライドできる左右(LeftとRight)のテキストが表示されているほか、下部にはナビゲーションも設置されています。

また、オプションもたくさん用意されているので、細かいカスタマイズをして使いたい人にもうれしい仕様になっています。

先ほどのループやシームレスの有効・無効はもちろん、width、height、水平/垂直、フェード/スライド、自動再生、コールバックなど多彩なオプション設定が可能です。

というわけで、カスタマイズ性の高いスライダーを実装したいという人は、ぜひ「Prrple Slider」をチェックしてみてはいかがでしょうか。

jQuery Slideshowシンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」前のページ

フレキシブルなカルーセルスライダーを実装できる「flexible-bootstrap-carousel」次のページflexible-bootstrap-carousel

関連記事

  1. no-image
  2. Bar Indicator

    JavaScript

    数値をインジケーターで見やすく表示できる「Bar Indicator」

    Bar Indicatorは数値をインジケーターで表示させることができ…

  3. no-image

    JavaScript

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

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

  4. jQuery Sequency js

    JavaScript

    スクロールでビフォー・アフター画像を見比べれる「jQuery Sequency js」

    jQuery Sequency jsはスクロールでビフォー・アフター画…

  5. no-image

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP