どんな要素にもページネーションを付けられるjQueryプラグイン「jPages」

要素を多く記述したいけれど、ページはわけたくない。
楽してページングを付けたい、そんなあなたにはjPagesが最適です。

sponsors

使用方法

jPagesからファイル一式をダウンロード。

<link rel="stylesheet" href="animate.css">
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jPages.js"></script>
    <script> 
    $(function(){
        $(".class名").jPages({ 
            containerID : "id名",
            previous : "←", //前へのボタン
            next : "→", //次へのボタン
            perPage : 10, //1ページに表示する個数
            delay : 20, //要素間の表示速度
            animation: "flipInY" //アニメーションAnimate.cssを参考に
        });
    });
    </script>
あとは下記を記述しましょう。

<div class="class名"></div>
		<!-- tableの場合 -->
        <table>
            <thead><tr><th>Rank</th></tr></thead>
            <tbody id="id名">
            <tr><td>1</td></tr>
            <tr><td>2</td></tr>
            <tr><td>3</td></tr>
            </tbody>
        </table>
		<!-- その他要素の例 -->
		<ul id="id名">
            <li><img src="画像パス.jpg"></li>
            <li><img src="画像パス.jpg"></li>
            <li><img src="画像パス.jpg"></li>
        </ul>

サンプル

RankRatingTitleVotes
1.9.2The Shawshank Redemption (1994)699,295
2.9.2The Godfather (1972)524,507
3.9.0The Godfather: Part II (1974)329,051
4.8.9Il buono, il brutto, il cattivo. (1966)219,022
5.8.9Pulp Fiction (1994)549,166
6.8.912 Angry Men (1957)170,234
7.8.9Schindler's List (1993)366,494
8.8.8The Dark Knight (2008)634,065
9.8.8One Flew Over the Cuckoo's Nest (1975)292,690
10.8.8The Lord of the Rings: The Return of the King (2003)489,205
11.8.8Star Wars: Episode V - The Empire Strikes Back (1980)357,625
12.8.8Fight Club (1999)525,429
13.8.8Inception (2010)483,986
14.8.8Shichinin no samurai (1954)121,275
15.8.7The Lord of the Rings: The Fellowship of the Ring (2001)510,260
16.8.7Goodfellas (1990)309,394
17.8.7Star Wars (1977)403,247
18.8.7Cidade de Deus (2002)230,654
19.8.7Casablanca (1942)206,525
20.8.7The Matrix (1999)507,866
21.8.7C'era una volta il West (1968)100,585
22.8.7Rear Window (1954)151,875
23.8.7Raiders of the Lost Ark (1981)308,264
24.8.7The Silence of the Lambs (1991)335,346
25.8.7The Usual Suspects (1995)340,827
26.8.6Se7en (1995)395,454
27.8.6Psycho (1960)187,005
28.8.6Forrest Gump (1994)433,687
29.8.6The Lord of the Rings: The Two Towers (2002)438,900
30.8.6It's a Wonderful Life (1946)131,435
31.8.6Memento (2000)369,980
32.8.6Le'on (1994)285,163
33.8.6Sunset Blvd. (1950)70,456
34.8.6Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb (1964)188,961
35.8.6Apocalypse Now (1979)219,741
36.8.5American History X (1998)317,621
37.8.5North by Northwest (1959)115,377
38.8.5Citizen Kane (1941)167,191
39.8.5Terminator 2: Judgment Day (1991)320,574
40.8.5American Beauty (1999)380,457
41.8.5Saving Private Ryan (1998)361,057
42.8.5Toy Story 3 (2010)183,628
43.8.5Taxi Driver (1976)215,096
44.8.5Alien (1979)234,324
45.8.5Sen to Chihiro no kamikakushi (2001)148,270
46.8.5City Lights (1931)40,299
47.8.5Vertigo (1958)115,948
48.8.5The Shining (1980)244,669
49.8.5Paths of Glory (1957)57,711
50.8.5M (1931)50,917
51.8.5Le fabuleux destin d'Ame'lie Poulain (2001)244,436
52.8.5The Pianist (2002)188,104
53.8.5WALL?E (2008)267,689
54.8.5Double Indemnity (1944)48,104
55.8.5The Departed (2006)359,103
56.8.4Das Leben der Anderen (2006)108,596
57.8.4Modern Times (1936)50,092
58.8.4A Clockwork Orange (1971)250,319
59.8.4Aliens (1986)219,250
60.8.4Lawrence of Arabia (1962)96,990
61.8.4To Kill a Mockingbird (1962)104,083
62.8.4La vita e` bella (1997)151,677
63.8.4Back to the Future (1985)278,776
64.8.4Requiem for a Dream (2000)252,055
65.8.4Das Boot (1981)87,243
66.8.4Eternal Sunshine of the Spotless Mind (2004)295,463
67.8.4Reservoir Dogs (1992)279,486
68.8.4The Third Man (1949)62,004
69.8.4The Prestige (2006)303,006
70.8.4L.A. Confidential (1997)209,016
71.8.4Chinatown (1974)101,751
72.8.4The Treasure of the Sierra Madre (1948)41,468
73.8.4The Green Mile (1999)281,483
74.8.4Nuovo Cinema Paradiso (1988)61,583
75.8.4Jodaeiye Nader az Simin (2011)30,688
76.8.3The Great Dictator (1940)50,788
77.8.3Monty Python and the Holy Grail (1974)192,886
78.8.3Once Upon a Time in America (1984)97,509
79.8.3Rasho^mon (1950)50,738
80.8.3Gladiator (2000)386,884
81.8.3Full Metal Jacket (1987)205,245
82.8.3Amadeus (1984)125,588
83.8.3Some Like It Hot (1959)85,794
84.8.3Raging Bull (1980)115,261
85.8.3Ladri di biciclette (1948)38,144
86.8.3Singin' in the Rain (1952)70,373
87.8.3All About Eve (1950)43,269
88.8.3Braveheart (1995)319,326
89.8.3The Bridge on the River Kwai (1957)74,662
90.8.32001: A Space Odyssey (1968)200,917
91.8.3Metropolis (1927)52,754
92.8.3El laberinto del fauno (2006)211,472
93.8.3Oldeuboi (2003)138,507
94.8.3The Apartment (1960)48,616
95.8.3Unforgiven (1992)132,458
96.8.3Star Wars: Episode VI - Return of the Jedi (1983)276,731
97.8.3Der Untergang (2004)114,169
98.8.3The Sting (1973)84,295
99.8.3Mononoke-hime (1997)88,860
100.8.3Inglourious Basterds (2009)290,874
101.8.3Indiana Jones and the Last Crusade (1989)224,247
102.8.3Mr. Smith Goes to Washington (1939)41,268
103.8.3The Elephant Man (1980)78,012
104.8.3Up (2009)202,208
105.8.3On the Waterfront (1954)51,509
106.8.3Die Hard (1988)253,590
107.8.3The Lion King (1994)217,110
108.8.3Det sjunde inseglet (1957)51,163
109.8.3The Maltese Falcon (1941)62,745
110.8.3Gran Torino (2008)210,242
111.8.3Hotaru no haka (1988)48,795
112.8.3The Great Escape (1963)79,540
113.8.3Rebecca (1940)44,203
114.8.2Batman Begins (2005)364,924
115.8.2Yo^jinbo^ (1961)36,988
116.8.2Per qualche dollaro in piu` (1965)62,869
117.8.2The General (1926)25,646
118.8.2Witness for the Prosecution (1957)24,026
119.8.2Heat (1995)195,655
120.8.2Sin City (2005)327,214
121.8.2Snatch. (2000)248,127
122.8.2Fargo (1996)206,569
123.8.2Blade Runner (1982)233,089
124.8.2Ran (1985)42,269
125.8.2Smultronsta"llet (1957)28,722
126.8.2Touch of Evil (1958)40,510
127.8.2Black Swan (2010)206,067
128.8.2Hotel Rwanda (2004)123,606
129.8.2Jaws (1975)180,822
130.8.2The King's Speech (2010)147,151
131.8.2No Country for Old Men (2007)268,155
132.8.2Toy Story (1995)225,911
133.8.2The Big Lebowski (1998)236,705
134.8.2The Deer Hunter (1978)115,073
135.8.2The Wizard of Oz (1939)133,749
136.8.2Cool Hand Luke (1967)58,984
137.8.2The Sixth Sense (1999)319,546
138.8.2It Happened One Night (1934)31,803
139.8.2Strangers on a Train (1951)44,839
140.8.2Warrior (2011)52,049
141.8.2Ikiru (1952)20,805
142.8.2Annie Hall (1977)85,675
143.8.2Scarface (1983)214,667
144.8.2Kill Bill: Vol. 1 (2003)308,350
145.8.1High Noon (1952)42,645
146.8.1Platoon (1986)142,569
147.8.1The Kid (1921)21,467
148.8.1The Gold Rush (1925)28,219
149.8.1Le salaire de la peur (1953)18,542
150.8.1Trainspotting (1996)202,672
151.8.1Into the Wild (2007)158,939
152.8.1Donnie Darko (2001)277,206
153.8.1Butch Cassidy and the Sundance Kid (1969)73,739
154.8.1Slumdog Millionaire (2008)260,805
155.8.1Lock, Stock and Two Smoking Barrels (1998)178,393
156.8.1The Grapes of Wrath (1940)30,027
157.8.1Notorious (1946)38,887
158.8.1Sunrise: A Song of Two Humans (1927)15,115
159.8.1Million Dollar Baby (2004)198,762
160.8.1El secreto de sus ojos (2009)42,856
161.8.1Gone with the Wind (1939)104,171
162.8.1The Thing (1982)115,198
163.8.1There Will Be Blood (2007)172,514
164.8.1Casino (1995)146,835
165.8.1Amores perros (2000)83,835
166.8.1Groundhog Day (1993)187,821
167.8.1Life of Brian (1979)125,040
168.8.1Ben-Hur (1959)75,495
169.8.1The Artist (2011)10,901
170.8.1Finding Nemo (2003)244,345
171.8.1Les diaboliques (1955)19,960
172.8.1The Big Sleep (1946)35,688
173.8.1The Best Years of Our Lives (1946)21,488
174.8.1Tonari no Totoro (1988)48,995
175.8.1The Terminator (1984)246,880
176.8.1How to Train Your Dragon (2010)120,447
177.8.1The Graduate (1967)102,746
178.8.1Stand by Me (1986)120,089
179.8.1V for Vendetta (2005)319,321
180.8.1Twelve Monkeys (1995)220,602
181.8.1Dog Day Afternoon (1975)82,294
182.8.1District 9 (2009)236,686
183.8.1The Bourne Ultimatum (2007)209,243
184.8.1The Manchurian Candidate (1962)41,753
185.8.1Good Will Hunting (1997)214,475
186.8.1Judgment at Nuremberg (1961)19,166
187.8.1The Girl with the Dragon Tattoo (2011)36,750
188.8.1Network (1976)46,958
189.8.1Gandhi (1982)69,855
190.8.1Les quatre cents coups (1959)31,717
191.8.1The Night of the Hunter (1955)32,673
192.8.1Mary and Max (2009)34,374
193.8.1La battaglia di Algeri (1966)18,504
194.8.081/2 (1963)39,025
195.8.0Persona (1966)23,480
196.8.0The Princess Bride (1987)150,939
197.8.0Dial M for Murder (1954)41,791
198.8.0The Killing (1956)32,297
199.8.0The Wrestler (2008)139,663
200.8.0Harry Potter and the Deathly Hallows: Part 2 (2011)148,814
201.8.0Ratatouille (2007)194,668
202.8.0Hugo (2011/II)18,481
203.8.0La strada (1954)22,992
204.8.0The Hustler (1961)32,219
205.8.0Who's Afraid of Virginia Woolf? (1966)26,682
206.8.0La passion de Jeanne d'Arc (1928)14,570
207.8.0The Exorcist (1973)143,858
208.8.0Fanny och Alexander (1982)19,671
209.8.0Le scaphandre et le papillon (2007)45,387
210.8.0Hauru no ugoku shiro (2004)70,083
211.8.0The Wild Bunch (1969)38,724
212.8.0Stalag 17 (1953)25,186
213.8.0Drive (2011)106,989
214.8.0Star Trek (2009)205,242
215.8.0A Streetcar Named Desire (1951)43,255
216.8.0Sherlock Jr. (1924)11,204
217.8.0Barry Lyndon (1975)50,424
218.8.0Rocky (1976)139,864
219.8.0Kind Hearts and Coronets (1949)16,688
220.8.0Avatar (2009)395,887
221.8.0Seppuku (1962)7,536
222.8.0The Truman Show (1998)231,247
223.8.0All Quiet on the Western Front (1930)27,689
224.8.0Le notti di Cabiria (1957)15,212
225.8.0Mou gaan dou (2002)45,831
226.8.0Festen (1998)34,294
227.8.0Roman Holiday (1953)42,044
228.8.0La*t den ra"tte komma in (2008)92,077
229.8.0Rosemary's Baby (1968)70,102
230.8.0Mystic River (2003)166,308
231.8.0A Beautiful Mind (2001)194,524
232.8.0Rope (1948)43,197
233.8.0To^kyo^ monogatari (1953)11,399
234.8.0Yip Man (2008)37,515
235.8.0Tropa de Elite 2 - O Inimigo Agora E' Outro (2010)18,402
236.8.0Magnolia (1999)147,944
237.8.0The Man Who Shot Liberty Valance (1962)28,836
238.8.0Pirates of the Caribbean: The Curse of the Black Pearl (2003)331,148
239.8.0In Bruges (2008)146,650
240.8.0Big Fish (2003)189,059
241.8.0The Incredibles (2004)220,907
242.8.0Manhattan (1979)51,354
243.8.0Stalker (1979)28,861
244.8.0Ed Wood (1994)92,542
245.8.0Beauty and the Beast (1991)108,909
246.8.0Trois couleurs: Rouge (1994)31,221
247.8.0Kaze no tani no Naushika (1984)30,999
248.8.0Tenku^ no shiro Rapyuta (1986)31,704
249.8.0Fa yeung nin wa (2000)32,832
250.8.0Monsters, Inc. (2001)185,155

Javascriptサンプルページ一覧
skuare.net

sponsors