ブログ

ページ移動リンクをつくりたい

ＯＳ：Ｗｉｎｄｏｗｓ Ｖｉｓｔａ
ブラウザ：ＩＥ７
テンプレート：urara

http://allabout.co.jp/gm/gc/23928/7/
こちらのサイトを参考にしているのですが、満足のいかない部分があります。
どう改良すれば、以下のようなページ移動リンクをつくれますか？

例えば、全部で５０ページあり、現在表示されているのが２５ページだとして、
こんな風なリンクをつくりたいんです。

<<｜1 ｜・ ・ ・｜20｜21｜22｜23｜24｜25｜26｜27｜28｜29｜30｜ ・ ・ ・ ｜ 50｜>>

（数字は実際には縦線ではなく、四角い枠で仕切られています。）

○現在表示されているページの前後５ページが並んで表示されている。
○<< は１つ新しいページに、>> は１つ古いページに飛ぶ。
○・ ・ ・ は１つの点ごとに５ページ分ずつ間隔が空いている。

下の図を見ていただくと分かりやすいのですが、
「<<」、「・ ・ ・」、「・ ・ ・」、「>>」それぞれをクリックすると、
現在表示されているページが２５ページの場合に、
矢印の先のページに飛ぶようにしたいのです。

<<｜1 ｜・ ・ ・｜20｜21｜22｜23｜24｜25｜26｜27｜28｜29｜30｜ ・ ・ ・ ｜ 50｜>>
↓ 　 　 ↓↓↓　　　　　　　　　　　　　　　　　　　　　　　　　　 　 　　 　　　 ↓↓↓　 　 　↓
24　　　 5 10 15　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 35 40 45　　　2 6

また、記事の上と下の両方にこのページ移動リンクを表示したいのですが、
どの部分に記述すればよいですか？

よろしくお願いします。

2010年09月24日 21:09  by みつばち