10+ jQuery Pagination Plugins

Sam Deering
jQuery pagination plugins provide an easy way to automatically seperate your information into generated hyper-linked pages, abit like a book with page numbers. The implementation can either be a) all data is loaded on 1 page and then the plugin evenly splits the data and creates the pages; or b) by passing the page number to the back-end, where the appropriate data is fetched from the database and returned in some form. When dealing with small data sets its easier to have the content readily available, but still neatly organized and easy to access. Well, we have just the thing for you – check out the plugins and tutorials below. Create your own Pagination in seconds. Have fun!

Update 25/05/2013: Added 11. Wow Slider Pagination, 12. jQuery Pagination, 13. JQuery image slider with pagination, 14. jPages


1. Pajinate – A jQuery Pagination Plugin


Is a simple and flexible jQuery plugin that allows you to divide long lists or areas of content into multiple separate pages.
Pajinate-–-A-jQuery-Pagination-Plugin.jpg
Source


2. jPaginate: A Fancy jQuery Pagination Plugin


Is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well.
jPaginate-A-Fancy-jQuery-Pagination-Plugin1.jpg
Source


3. jQuery Pagination Plugin


This plugin creates these navigational elements.
jQuery-Pagination-Plugin1.jpg
Source


4. SimplePager – jQuery paging plugin: Updated


Allows for creating pagination with as little effort or configuration as possible. This pager plugin can page divs, paragraphs, list items or almost any other content.
SimplePager-jQuery-paging-plugin-Updated.jpg
Source


5. Smart Paginator – jQuery Pagination Plugin


Is a comprehensive jQuery Pagination plugin that makes adding pagination very simple task, all the navigation logic is built in and it is also very customizable.
Smart-Paginator-jQuery-Pagination-Plugin.jpg
Source


6. jPaginator


jQuery plugin for animated pagination with auto-acceleration and a slider.
jPaginator1.jpg
Source


7. Quick Pagination – jquery.quick.pagination.js


Use Quick jQuery Pagination to convert long lists and page content into numbered pages in seconds!
Quick-Pagination-jqueryquickpaginationjs.jpg
Source


8. Sweet Pages: A jQuery Pagination Solution


- A jQuery plugin that will enable you to convert a regular unordered list of items into a SEO friendly set of easily navigable pages. It can be used for comment threads, slideshows, or any kind of structured content.
Sweet-Pages-A-jQuery-Pagination-Solution.jpg
Source


9. Easy pagination with jQuery and Ajax


An easy way to display your database data with jQuery using Ajax and pagination.
Easy-pagination-with-jQuery-and-Ajax1.jpg
Source


10. Jquery-Php Ajax Pagination


It is better to have Ajax Pagination on Your Webpage as Ajax Pagination will load only the specific part rather than whole page.So it will speed up your website.
Easy-pagination-with-jQuery-and-Ajax1.jpg
Source

11. Wow Slider Pagination

Responsive CSS3/HTM5 slider with huge set of beautiful designs and effects, no coding necessary.

WOW-Slider.jpg
Source + Demo

12. jQuery Pagination

The plugin is highly configurable through the option parameter and all elements can be styled separately.

jQuery-Pagination.jpg
SourceDemo

13. JQuery image slider with pagination

It allows to create slideshow of a gallery of images with paginate option

jquery-Image-Slider-with-Pagination.jpg
Source + Demo

14. jPages

It is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.

jPages.jpg
SourceDemo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.