Style Pagination in the Media Section

[geoffd]

If you need to get to page 10 in the Media section, you have to do a lot of clicking. You have to click on page 5, then page 7, etc.

We should do a couple of things:

1. Try to allow you to scroll through the possible pages without reloading so that you don't have to wait for reload and scroll down.

2. We should consider showing more pages (if you can't figure out a good way to allow for a javascript experience of selecting a page.)

3. We should mirror this selector at the top of the page.

John, work with Rick on this.

[rickybanister]

see ticket #20 for a concept to allow more variety to your browsing experience. I took some of this stuff from flickr and delicious, places with lots of pagination. A user could specify how he/she would like to view media.

[johnnyoffline]

This ticket needs some heavy lifting. I can style anything you need, but the filtering and storing of these filters is pretty substantial.

Rick's design concept is above, it is still good makes sense.

Dan -- When you have time to hit Apostrophe tickets lets knock this one out of the park.

[rickybanister]

take a look at  http://www.iconpaper.org/page/2/ for how they display all the pages. We shouldn't use that ugly slider, but we could use soft advance buttons to slide through the numbers. Perhaps we use a large 'next page' button so you don't have to search for it.

[rickybanister]

Dan has made it possible to select the view. There will be three default views.

The four up view will have a hover intent interface where a larger version of the photo will load on top of the thumbnail for slideshow selection and editing.

[geoffd]

We still need to be able to scroll through the pages without reloading.

In the aPager module you can get the pages.

[johnnyoffline]

1. If you click the single arrow, it scrolls the slider to the next set (so 1-5 becomes 6-10).

2. If you click the double arrow it jumps to the end.

[geoffd]

Once this pager works without reloading, bring it over to the blog and events, as well.

[wjohnald]

Geoff,

is the idea here that you want to be able to navigate the entire pager without reloading the page? Then when you click on a page link, the page will reload?

[geoffd]

Exactly. You should be able to scroll through the pages using the arrows.

The double triangle arrows should show you the first 3 and last 3 pages. The single triangle arrows should advance you 3 pages at a time.

The page you are on should stay highlighted during this process.

[rickybanister]

I'd suggest making geoff's '3' into a variable. So we could show 'n' pages at a time with a default.

We might want to show 20 pages for a client with a billion images.

[geoffd]

I agree. In fact, right now the default should be to show 5 pages at a time.

[wjohnald]

The pager has a nice javascript animation. I added a few wrappers to get the thing to animate correctly. I am reassigning to John so he can fix the styles. Let me know if you have any questions.

[johnnyoffline]

pager is fully operational now :D