PgwSlider

JavaScript

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

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

[ads_center]

PgwSliderの使い方

PgwSlider

PgwSlider

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

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

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

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

ナビゲーションが固定された30の素晴らしいWebデザイン前のページ

コピペチェックツールに最適!テキスト比較でどこが違うか発見できる「difff《デュフフ》」次のページ

最近の記事

  1. ボヤージュブレンド
  2. 紫陽花とセミの抜けがら
  3. クラブハウスサンド 石窯カンパーニュ
PAGE TOP