[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]

sponsors

top of page

©2018 coliss