PgwSlider

JavaScript

レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

PgwSliderというjQueryプラグインを使えばレスポンシブで軽量なスライダーを実装することができます。実際のデモではサムネイルのナビゲーションがサイドに並んでおり、画面を縮小(モバイル時)するとサムネイルが下部に移動します。フェードで切り替わっていくアニメーションが美しいですね。

[ads_center]

PgwSliderの使い方

PgwSlider

PgwSlider

使い方もシンプルでわかりやすいです。

$(document).ready(function() {
    $('.pgwSlider').pgwSlider();
});

オプションで自動スライドの設定やトランジション、またはインターバルのスピードなんかを調整することができます。

レスポンシブなスライダーを実装したい時の選択肢の1つとしていかがでしょうか。

関連記事

  1. no-image
  2. fineScroll bar

    JavaScript

    簡単に使えるスクロールバー実装「fineScroll bar」

    fineScroll barは簡単に使えるスクロールバーを実装できるj…

  3. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

  4. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  5. Cube-jQuery-Slider

    JavaScript

    3Dキューブなスライダーを実装できる「Cube-jQuery-Slider」

    Cube-jQuery-Sliderは、3Dキューブなスライダーを実装…

  6. Light-Zoom

    JavaScript

    CSSを使用した画像ズームを実装できるjQueryプラグイン「Light-Zoom」

    Light-Zoomは純粋なCSSを使用した画像ズーム(拡大)機能を実…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP