I have a one page site and within it I have a gallery that is created using clonabale pages
In the site the pages sweep in horizontally, so, I need all the pages to be similar in height.

I have to use pagination in the gallery to keep the height the same as the other pages.

It works fine except that the next page link reloads the whole site(at page top)and then it is not in the gallery section

here is a link to the site(just a mock up at the moment ignore the style etc)
http://97squared.co.uk/starstruck-roadshow.co.uk

if you click on the gallery and then use the paginator at the bottom you will see what I mean.


Is there a way of getting around this without ajax and if not what is the best route to take using ajax?

thanks for any input

[KK]

I can't see any way of doing this without the use of AJAX.

ok no problem, I will look at removing the pagination and using jQuery to squeeze the page size to zero and then expand to size of current content.

that way each page can be a high as required and the footer will sit neatly

I know its not a couch issue but I was just wandering if there was a couch way around it, thanks for the input

[KK]

I remember seeing somewhere a JQuery based pagination solution.
Wonder if someone can point to that?

Hi I was looking for something like this and found two plugins that might work for the case:

This plugin changes the url but the content of the page must change depending of the url direction so I think is only useful using custom routes:
http://flaviusmatis.github.io/simplePagination.js/

This other one can change the content within a section and doesn't modify the url so may be useful for showing something like the gallery images within a section of a website without reloading it for showing a new page or set of gallery images:
http://botmonster.com/jquery-bootpag/#.VRFJb-E9ydM

[KK]

Thanks @ar2ro