no-image

JavaScript

軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」

partialViewSliderは左右にスライドする軽量・高速でレスポンシブに対応したjQueryスライダーです。キーボードによる操作も可能なほか、豊富なオプションでカスタマイズ性にも優れています。

partialViewSlider

デモ

デモでは左右に矢印ボタンが設置されたイメージスライダーが表示されます。スライダー両端にある矢印ボタンから画像を前後移動できるほか、キーボードの左右矢印キーからでも操作を行うことが可能です。

また、レスポンシブにも対応しているので画面幅を縮小・拡大することで、そのサイズに合わせてスライダーのサイズも変化します。パソコンをはじめスマホやタブレットのモバイルからでも快適に閲覧できるのがいいですね。

自動再生やキーボードなどの有効・無効のセッティングはオプションから手軽に設定可能です。主なオプション項目は、width、controls、controlsPosition、backdrop、dots、auto、transitionSpeed、delay、pauseOnHover、keyboard、perspective、prevHtml、nextHtmlです。

そのほか、イベントやメソッドの設定も行えます。

というわけで、軽量でレスポンシブにも対応したスライダーを実装できる「partialViewSlider」の紹介でした。

Checkify軽量でカスタマイズ性も高いjQueryバリデーションプラグイン「Checkify」前のページ

Bootstrap 4を使ったステッパープラグイン「bs-stepper」次のページno-image

関連記事

  1. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  2. JavaScript

    スクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh…

    スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ…

  3. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  4. Combodate

    JavaScript

    日付や時間をドロップダウン式にしてくれる「Combodate」

    Combodateは日付や時間の入力をドロップダウン式に置き換えてくれ…

  5. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  6. no-image

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP