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

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

  2. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

  3. 3D Portfolio Template

    JavaScript

    立体的に回転するテンプレート「3D Portfolio Template」

    滑らかに、立体的に回転するテンプレートを実装することができる「3D P…

  4. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  5. jQuery.GI.TheWall.js
  6. jQuery LoadingOverlay

    JavaScript

    多彩なローディング画面を実装できる「jQuery LoadingOverlay」

    jQuery LoadingOverlayは、カスタマイズ性に優れた多…

最近の記事

  1. BALMUDA The Pure
  2. BALMUDA The Pot Chrome

アーカイブ

PAGE TOP