Skip to content
Paginator interface with JavaScript and CSS3
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
index.html
paginator.css
paginator.gif
paginator.js

README.md

fluidPaginator

Paginator interface with JavaScript and CSS3

Example

To include paginator script you can call this code:

$( "#paginator" ).Paginator( {
	total : 300,  // total pages in range
	value : 1,    // initial value (current page number)
	btn_prev: $('#paginator .p_pages .prev'),   // prev. button element
	btn_next: $('#paginator .p_pages .next'),   // next  button element
	div_display_current: $('#paginator .p_pages .current'), // element with current page number
	slider_input: $('#paginator .p_slider input'),          // input[type=range] element
	div_pages: $('#paginator .p_pages'),                    // prev, next, current container
	div_slider: $('#paginator .p_slider'),                  // input[type=range] container
	on_new_page: function(page_num){                        // callback function
	  alert(page_num);
	},
});

HTML page you can view in sources.

You can’t perform that action at this time.