jQuery scrolling pagination plugin →

Posted on January 19, 2009 in General with 1 comment.

Pagination is a simple concept that can be executed in very many different ways. In some ways pagination is one of the most crucial parts of a website. It breaks your content up and helps visitors navigate your website easily. If it weren’t for pagination our blogs would probably be one very long page and most likely take quite a long time to load if you have a reasonable amount of posts.

I have seen tons of different implementations of pagination. My favorite probably being Digg like pagination as implemented on this blog. While the Digg like pagination class is a very basic form of pagination there are a lot of websites out there that have implemented quite exotic pagination.

One such example of exotic pagination is dzone.com. I recently joined dzone.com and even though the website is rather cluttered and busy their pagination totally rocks. What happens is when you come to the end of the current page you are viewing (it is actually a little frame) there is a Ajax call which loads the next results (that would be listed on a second page). So basically as you keep scrolling down to view more content, it automatically loads it for you without you having to click a next page button. Check it out at dzone.com.

Luckily for us, South African PHP developer and jQuery extraordinaire, Barry Roodt, has developed a jQuery plugin that does all the above and can be implemented on your own site with very little effort. The current version of the plugin is 0.1b and you can get it here.

Definitely check out Barrys plugin (there is also a demo here for you to see how it works) and let him know if you implement it on your own site. I am definitely planning on playing around with it in the near future!

Tagged with

1 Comment

  1. Barry Roodt says:

    Hi Matt,

    Thanks for the mention, I’m really pleased with the response the plugin’s had so far.

    Once you’ve played around with it I’d love to hear any suggestions or feedback you may have.

    Good luck :)

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>