Simple Digg like pagination solution with JQuery for Umbraco XSLTs

Featured

Jquery

I wanted to implement Digg like pagination in one of my recent project with Umbraco XSLT lists and I have done it using the pretty JQuery plugin available here

Please note that its not an SEO friendly solution since the pagination is completely relied on JQuery and will not be available if the JavaScript is turned off.. as an alternative for search engines/no-javascript browsers I have added a simple Next Previous navigation inside a <noscript> tag..

Steps

  1. Download and include the jquery.pagination.js and pagination.css in your template
  2. Open jquery.pagination.js and comment line 123 ( //$(‘a’, fragment).click(eventHandler); ) .. Alternatively you can download the altered JQuery plugin from here.
  3. Follow the code sample below or download the XSLT sample- comments are added in each line. If you have any doubts let me know through the comments