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. h5Validate

    JavaScript

    HTML5のフォームバリデーションを実装できるjQueryプラグイン「h5Validate」

    h5ValidateはHTML5によるフォームバリデーションを実装する…

  2. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  3. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  4. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

  5. JavaScript

    指定した画像を遅らせてローディングさせるjQueryプラグイン「Lazy Karl」の使い方

    ちょっと面白そうだったので試してみました。画像を表示させるまでの間にロ…

  6. circleChart

    JavaScript

    多彩なカスタマイズができる円形チャート「circleChart」

    circleChartは多彩なカスタマイズを実現した円形チャートを実装…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP