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. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

  2. jquery-backToTop

    JavaScript

    カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」

    jquery-backToTopはカスタマイズ性に優れた「トップへ戻る…

  3. no-image

    JavaScript

    レスポンシブでスタイリッシュな「lightbox-jquery-plugin」

    lightbox-jquery-pluginは、レスポンシブに対応した…

  4. Justified Gallery
  5. js-offcanvas

    JavaScript

    上下左右にオフキャンバスのナビゲーションを実装できる「js-offcanvas」

    js-offcanvasは、上下左右にオフキャンバスのナビゲーションを…

  6. Emergence.js

    JavaScript

    ブラウザで要素の可視性を検出する「Emergence.js」

    Emergence.jsは、ブラウザで要素の可視性を検出することができ…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP