Pagination.js

JavaScript

シンプルでさまざまなカスタマイズが可能な「Pagination.js」

Pagination.jsはシンプルでさまざまなカスタマイズが可能なページネーションを実装できるjQueryプラグインです。ナビゲーションを数字だけにしたり、矢印だけにしたり、または数字と「Go」を表示させたりと、オプションを利用していろいろと自分好みにカスタマイズできます。

Pagination.js

デモ

オプションにあるdataSourceで、ナビゲーションの形式を指定できます。例えば「1, 2, 3…」と指定すると、その通りのページネーションになります。

pageSizeには、1ページに表示するコンテンツの数を指定します。ほかにもshowPreviousやshowNextといったオプションがあったり、コールバックも設定可能です。

基本的な使い方はわかりやすいと思うので、jQueryのプラグインでページネーションを実装したい方はチェックしてみてはいかがでしょうか。

Pagination.js

関連記事

  1. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  2. S-Pagination

    JavaScript

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

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

  3. Mirror Effect

    JavaScript

    ミラーエフェクトによるかっこいいスライドショー実装「Mirror Effect」

    Mirror EffectはWebサイト内でかっこいいミラーエフェクト…

  4. PIGNOSE Calendar

    JavaScript

    美しくてシンプルに使えるデートピッカー実装「PIGNOSE Calendar」

    PIGNOSE Calendarは、美しくてシンプルな操作性によるデー…

  5. Responsive Elements
  6. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

最近の記事

  1. 久保田城
  2. ハードサイド CS80
  3. ACC-TRBX
  4. ピスタチオ クリスマス ツリー フラペチーノ

Instagram始めました

Facebookページ

PAGE TOP