no-image

JavaScript

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

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

partialViewSlider

デモ

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

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

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

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

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

関連記事

  1. jQuery googleslides
  2. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

  3. TabTab.js

    JavaScript

    アニメーション付きで切り替わるjQueryのタブプラグイン「TabTab.js」

    TabTab.jsは素敵なアニメーション付きのタブコンテンツを実装する…

  4. lightGallery
  5. jQuery Navobile
  6. basicContext

    JavaScript

    使いやすいコンテキストメニューを実装できる「basicContext」

    basicContextはシンプルで使いやすいコンテキストメニューを実…

最近の記事

  1. Slim Sleeve Wine

アーカイブ

PAGE TOP