Download
Demo
- Overview
- Documents
User Rating: 4.8/5 ( 1 votes)
Your Rating:
Paginator 3000 is Amazing jQuery pagination plugin with slider of pages that support order, ajax callback, switch languages...
Source: github.com
1. INCLUDE JS FILES
<link href="css/styles.css" rel="stylesheet" media="all"/> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="../jquery.paginator.3000.js"></script>
2. HTML
<div class="paginator" id="paginator1"></div>
3. JAVASCRIPT
$(document).bind('ready', function () {
var page = /page=([^#&]*)/.exec(window.location.href);
page = page ? page[1] : 1;
$('#paginator1').paginator({
pagesTotal: 1024,
pagesSpan: 11,
pageCurrent: page,
baseUrl: 'index.html?page=%number%'
});
});
4. OPTIONS
| Property | Type | Default | Description |
|---|---|---|---|
| pagesTotal | int | 1 | Total pages count |
| pagesSpan | int | 10 | Length span of pages |
| pageCurrent | int | 50 | Сurrent page number |
| baseUrl | string | index.html?page=%number% | URL pattern |
| buildCounter | function | Function for calculating page numbers | |
| pageScroll | int | 3 | Turnover number of pages with scrolling |
| clickHandler | function | The callback function is called when was clicked page link | |
| returnOrder | bool | false | Flag display pages in reverse order |
| lang | object | Object of localization | |
| events | object | {keyboard: true, scroll: true} | Options binding events |
JS Tutorial
