S-Pagination

JavaScript

スライダー付きのページネーションを実装できる「S-Pagination」

S-Paginationはスライダー付きのページネーションを実装できるJavaScriptライブラリです。BootstrapとjQuery UIをサポートしています。一般的なページネーションはもちろん、スライダー機能を備えたページネーションも設置できるのが便利ですね。

S-Pagination

デモ

デモでは基本的なページネーションから、ページ番号を入力できるものやスライダーが付いたものなど、いろいろなタイプが用意されています。たくさんのページがある場合は、ページ番号を入力できるタイプならダイレクトに指定したページへ移動できるのでとても効率的ですね。

また、スライダーではバーを左右にドラッグしながらページを切り替えることができます。スライダーの上にはページ番号も表示されているので、数字を見ながら直感的に操作できるのが便利です。

もちろん、スライダーなどがない一般的なページネーションも実装可能です。特別な機能を必要とせず、シンプルに実装したい人にもピッタリです。

オプションには、container、pageClickCallback、pageClickUrl、callPageClickCallbackOnInit、maxVisibleElements、showSlider、showInput、inputTitle、enhancedModeが用意されています。

S-Pagination

関連記事

  1. jQuery Navobile
  2. circleChart

    JavaScript

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

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

  3. JavaScript

    画面全体に背景を表示させフェードやスライドもできるjQuery「bgStretcher」

    ブラウザの画面全体に背景を表示させることができるjQueryプラグイン…

  4. stackgrid.adem.js

    JavaScript

    コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

    stackgrid.adem.jsはコンテンツをグリッド状にスタッキン…

  5. table-dragger

    JavaScript

    ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

    table-draggerはドラッグ&ドロップでテーブルの並べ替えを可…

  6. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP