jPages - Client-Side Feature Rich Pagination jQuery Plugin

Written by Kevin Liew on 19 Apr 2012
36,616 Views • Javascript

Introduction

If you have a long list of data and you hope you can make it more usable in term of readibility, navigation and presentation, jPages is the plugin you are looking for. jPages is a client-side pagination solution that enhances your list with a few useful features such as auto page turn, key and scroll browse, showing tems with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.

In term of styling, jPanel provides a great flexibility as well that you can create as many navigation panels as you want and you can choose exactly where to place them. With the consideration of frontend styling, this plugin is very unobtrusive and it won't apply any extra styles to the items you are paginating. It will only create and insert the links inside the element(s) you are applying the plugin to, in order to turn them into navigation panel(s). And, if you are creative enough, you can turn jPages into a photo gallery!

Features

  • Pagination with many configuration options
  • Support mousewheel scrolling
  • Auto scroll option
  • Support callback functions
  • Jump to page, you can key in the page you want to go
  • Support CSS and jQuery default animation
  • Using Lazy Load to preload images to create a seamless experience

Screen Shots

SPECIFICATIONS & DOWNLOAD

By Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Related Articles
Extend Twitter Bootstrap Javascript Plugins
9 Applicable And Awesome CSS3 And Javascript Effects from DemoStudio
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

3 comments
Maxwell Ariss 12 years ago
Brilliant plugin ! I'll definitely use this with one of my upcoming projects. I have to ask though - what about this plugin is 'Client-side' ? Does it just mean the content is auto paginated ?
Reply
Kevin Liew Admin 12 years ago
It means that all the data/list must be loaded to make the pagination works. Once you have all the data, the plugin should be able to paginate it. Personally I haven't tried it but it shouldnt be that hard. :)
Reply
Nelson 11 years ago
For the love of me I haven't been able to have the above pagination to work on a website. It seems like the existing JS and JQuery used on the website conflicts with the ones used in the plugin, as well as with divs and CSS classes named the same... :S It's a shame not being able to use such an awesome plugin.
Reply