N-DiGi ダイアリー

デジタルアートの活動、web開発、日々の出来事などを書いています

かんたんに実装出来るページャー simplePagination.js

おはようございます。

 

昨日は一日中ページャーの作成に翻弄させられていました。

はじめは、複数のページを切り替えて表示するものだと思っていましたが、よく読んで見ると、一つのページ内にある複数の項目を切り替えて表示するものだと言うことがわかりました。

 

これがわかればあとは簡単!

 

jQueryプラグインである、simplePagination.jsを使えば簡単に実装出来ます。

まず、simplePagination.jsのwebサイトから一式をダウンロードします。

zipファイルをダウンロードしたら、まずは書いてある手順に従います。

本家のサイトでは、JavaScriptの部分しか書いてないので困ってしまいますが、ご安心を。

丁寧に解説してあるサイトがあります。

konoti.com

こちらを見れば基本的なやり方がわかります。

あとは自分のサイトに合わせて、htmlの編集とcssの追記を行えば完成します。

 

【簡単】ページング機能で複数分割!jQuery「simplePagination」の使い方を読んでもわからない部分があったらコメントにお書きください。

わかる範囲で回答します。

 

それでは皆さん良い一日を。