Pagination.js

JavaScript

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

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

Pagination.js

デモ

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

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

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

Pagination.js

Create a month picker jQuery plugin月と年をセレクトできるユーザーフレンドリーなピッカー「Create a month picker jQuery plugin」前のページ

動画をチャプターごとに区切れる「jQuery Video Extend」次のページjQuery Video Extend

関連記事

  1. nanoGALLERY
  2. ViewBox

    JavaScript

    レスポンシブに対応したLightbox風のイメージギャラリー「ViewBox」

    ViewBoxはレスポンシブに対応したLightbox風のイメージギャ…

  3. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  4. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  5. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  6. Animated Image Pieces

    JavaScript

    画像が細かいピースになるアニメーション実装「Animated Image Pieces」

    Animated Image Piecesは、画像が細かいピースに分解…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP