Take a look at my demo page: http://ken.net/xxyyzz

It displays the thumbnails appropriately and the overflow goes into a hidden page to the right but the navigational elements never come up. :^(

Don’t know if this has any bearing on my problem but one thing I had to do to get this working was to change away from the ‘$’ reference in lines 97 to 111 in the JS file as Jan suggested earlier. This was driving me crazy but changing that made it so it started to run the script and clearly has done the work of breaking the elements into discrete pages. No if only I could get the navigational elements to show up.

Any help would be greatly appreciated.

First off, great work!

I am curious if the #holder and #mail ids can be changed to classes.

The reason is because I’m trying to implement more than one of these paginated blocks on one page.

When I modify the js/ids to classes, all of the paginated items get grouped into one block, when it would be ideal for them to be separated.

Any input would be most appreciated.

sorry about that

var $s = jQuery.noConflict();

$s(document).ready(function(){
/* The following code is executed once the DOM is loaded */

// Calling the jQuery plugin and splitting the
// #holder UL into pages of 1LIs each:

$s(‘#holder’).sweetPages({perPage:1});

// The default behaviour of the plugin is to insert the
// page links in the ul, but we need them in the main container:

var controls = $s(‘.swControls’).detach();
controls.appendTo(‘#main’);

});

only this way it worked fine together with mootools and prototype :)

again, thank you for this great Pagination Solution, i just love it :)

im trying to use this pagination solution together with mootols (i know….) and im getting all the time $(“#holder”).sweetPages is not a function or similar errors. I added

var $h = jQuery.noConflict();

at the beginning of the js file and also replaced all $ with $h, but still the error remains

any sugestions ??

thank you in advance

and while someone asked earlier, but I didn’t see an answer, what about adding next and previous for something like:

<>

I love this pagination tutorial, other than adding the nav at the top and next/previous this has been very lightweight and perfect for several of the pages I am building. Also, very easy to implement.