simplePagination.js
Anna NagelA simple jQuery pagination plugin, 3 CSS themes and Bootstrap support.
CSS Themes
"light-theme"
"dark-theme"
"compact-theme"
Download
Get the zip containing the plugin and the CSS themes here.
How To Use
Step 1: together with JQuery, include jquery.simplePagination.js in your page:
<script type="text/javascript" src="path_to/jquery.js"></script>
<script type="text/javascript" src="path_to/jquery.simplePagination.js"></script>
JQuery 1.7.2 or later is recommended. Older versions might work as well, but they are not tested.
Step 2: OPTIONAL - include the CSS file with the 3 default themes
<link type="text/css" rel="stylesheet" href="path_to/simplePagination.css"/>
If you skip this step, you will need to define your own styles or use Bootstrap.
Step 3: call the function on your pagination placeholder:
$(function() {
$(selector).pagination({
items: 100,
itemsOnPage: 10,
cssStyle: 'light-theme'
});
});
If necessary, you can specify the number of pages directly, via "pages" parameter, instead of "items" and "itemsOnPage" which are used by the plugin to automatically calculate the number of pages.