NO IMAGE

JavaScript

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

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

Prrple Slider

Prrple Slider

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

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

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

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

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

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

関連記事

  1. Toast

    JavaScript

    アニメーション付きでスタッキングしていくメッセージ通知「Toast」

    Toastはアニメーション付きのメッセージ通知を表示することができるj…

  2. Lity

    JavaScript

    超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」

    Lityは、超軽量でアクセシブル・レスポンシブなLightboxプラグ…

  3. iziModal

    JavaScript

    エレガント・レスポンシブ・フレキシブルでそのうえ軽量なモーダルウィンドウ「iziModal」

    iziModalはエレガント・レスポンシブ・フレキシブルなモーダルウィ…

  4. Relocator
  5. no-image

    JavaScript

    背景にSVGによるライン(線)をランダムで生成する「ckLine.js」

    ckLine.jsは背景にSVGによるライン(線)をランダムで生成する…

  6. swingdrag

    JavaScript

    jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

    swingdragは、jQuery UIのドラッグ機能にスイング効果を…

最近の記事

  1. CHA-SAJI
  2. SLE-19P
  3. Soundcore Ace A0
  4. Fire 7 タブレット

アーカイブ

PAGE TOP