Paginação com jQuery quick pagination

Kadunew.com/blog

Primeiro exemplo

Opção padrão mostrando 10 itens da lista e navegação na parte inferior.


        	    $("ul.pagination1").quickPagination();

1 - Item 1 de 25
2 - Item 2 de 25
3 - Item 3 de 25
4 - Item 4 de 25
5 - Item 5 de 25
6 - Item 6 de 25
7 - Item 7 de 25
8 - Item 8 de 25
9 - Item 9 de 25
10 - Item 10 de 25
11 - Item 11 de 25
12 - Item 12 de 25
13 - Item 13 de 25
14 - Item 14 de 25
15 - Item 15 de 25
16 - Item 16 de 25
17 - Item 17 de 25
18 - Item 18 de 25
19 - Item 19 de 25
20 - Item 20 de 25
21 - Item 21 de 25
22 - Item 22 de 25
23 - Item 23 de 25
24 - Item 24 de 25
25 - Item 25 de 25

Segundo exemplo

Mostrando 10 itens da lista e navegação na parte superior e inferior.


        	   $("ul.pagination2").quickPagination({pagerLocation:"both"});

1 - Item 1 de 25
2 - Item 2 de 25
3 - Item 3 de 25
4 - Item 4 de 25
5 - Item 5 de 25
6 - Item 6 de 25
7 - Item 7 de 25
8 - Item 8 de 25
9 - Item 9 de 25
10 - Item 10 de 25
11 - Item 11 de 25
12 - Item 12 de 25
13 - Item 13 de 25
14 - Item 14 de 25
15 - Item 15 de 25
16 - Item 16 de 25
17 - Item 17 de 25
18 - Item 18 de 25
19 - Item 19 de 25
20 - Item 20 de 25
21 - Item 21 de 25
22 - Item 22 de 25
23 - Item 23 de 25
24 - Item 24 de 25
25 - Item 25 de 25

Terceiro Exemplo

Especificados três itens na lista e navegação na parte superior e inferior.


        	   $("ul.pagination3").quickPagination({pagerLocation:"both",pageSize:"3"});

1 - Item 1 de 25
2 - Item 2 de 25
3 - Item 3 de 25
4 - Item 4 de 25
5 - Item 5 de 25
6 - Item 6 de 25
7 - Item 7 de 25
8 - Item 8 de 25
9 - Item 9 de 25
10 - Item 10 de 25
11 - Item 11 de 25
12 - Item 12 de 25
13 - Item 13 de 25
14 - Item 14 de 25
15 - Item 15 de 25
16 - Item 16 de 25
17 - Item 17 de 25
18 - Item 18 de 25
19 - Item 19 de 25
20 - Item 20 de 25
21 - Item 21 de 25
22 - Item 22 de 25
23 - Item 23 de 25
24 - Item 24 de 25
25 - Item 25 de 25

Referências:

Kadunew.com/blog