[JS]ページネーションをもっと楽しく、使いやすくするスクリプト -jPaginator

カラフルなデザインだけでなく、自動加速のアニメーション、スライダーなど、ユーザビリティを向上する機能を備えたページネーションを設置するjQueryのプラグインを紹介します。

jPaginator
デモ

[ad#ad-2]

自動加速のアニメーションは、それぞれのデモの左右の矢印をマウスオーバーすると、加速のアニメーションでページの数字が送られます。

スライダー機能はデモ1と3に実装されており、大量のページでも一気に移動できます。

スライダー機能も装備

スクリプトのオプション

スクリプトのオプションでは、さまざまなものが設定できます。

selectedPage:1,

現在の選択されたページ

nbPages:54,

ページの合計数

length:10,

スライドによるページの数

widthPx:30,

ページ数の幅（px）

marginPx:1,

ページ数のマージン（px）

withSlider:true,

スライダーの有無

withMaxButton:true,

最初と最後のボタンの有無

withAcceleration:true,

加速機能の有無

speed:3,

アニメーションのスピード

coeffAcceleration:3,

加速のスピード

minSlidesForSlider:2

スライドの最小値

[ad#ad-2]