Pagination.js

JavaScript

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

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

Pagination.js

デモ

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

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

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

Pagination.js

関連記事

  1. tingle.js

    JavaScript

    シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」

    tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプ…

  2. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

  3. Square Menu
  4. Animocons

    JavaScript

    アイコンに素敵なアニメーションを実装できる「Animocons」

    Animoconsはアイコンにさまざまなアニメーションを加えることがで…

  5. JavaScript

    ページ内のリンクをスムーズに移動できるsmoothScroll.jsを使ってみた

    ページ内のリンクをスムーズに移動してくれる「smoothScroll.…

  6. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP