ページ内にニュースや画像など、たくさんのリスト要素を表示する際に ページネーションを使ってリストを決められた数で分割して表示する方法はよくありますが それをjQueryで簡単に実装することができるプラグイン「jPages」が とても便利で活用できそうだったのでご紹介。 jPages jQueryファイルとjPagesプラグインファイルを読み込んだ後に ◆SCRIPT $("div.holder").jPages({ containerID: "itemContainer" }); }); と実行用スクリプトを記述して対象のリストを分割させます。 実行後のデモサンプル画面はこちら。 jPages DEMO | Defaults プラグインページのデモでは通常のページネーションだけでなく、 プルダウンでページ指定するものからカルーセル状の物、 タブ状の物やキーボードから操作を可能とするものなど
![リスト要素を簡単にページネーションを付けて分割することができるjQueryプラグイン「jPages.js」|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd7f43946768aad1f06300e637b882c90bf15786/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp.png)