Repeater, paging and image gallery

[BlackRiver]

This is my situation:

I use prettyPhoto to display images from database. The images are displayed in a Repeater control with paging enabled, and with page size set to 3.

Everything works fine, the gallery loads up, I can go through pictures. But, prettyPhoto loads only 3 pictures at a time. So if I get 12 pictures from the database, I get 4 pages. So every time I have to view pictures from Page1, close the gallery, click the Next button that displays Page2 and so on.

I understand that this is happening because I set the PageSize to 3. I'm not sure how to "tell" prettyPhoto that there are actually more photos.

This is how I bind the Repeater to the datasource:

Dim Pds1 as New PagedDataSource()
Pds1.DataSource = dsPictures.Tables(0).DefaultView
Pds1.AllowPaging = True
Pds1.CurrentPageIndex = CurrentPage
 
Repeater3.DataSource = Pds1
Repeater3.DataBind

This is the HTML for the page that uses the Repeater and gallery:

<a href = '<%#DataBinder.Eval(Container, "DataItem.newsPictureURL")%>' rel="prettyPhoto[Repeater3]" title = '<%#DataBinder.Eval(Container, "DataItem.newsPictureCaption")%>
<img id="icons" src = '<%#DataBinder.Eval(Container, "DataItem.newsPictureLocation")%>' alt = '<%#DataBinder.Eval(Container, "DataItem.newsPictureDesc")%>' />

As you can see, I use rel="prettyPhoto[Repeater3]" where Repeater3 is the name of the gallery, or DataSource.

I know it is hard to figure out anything with out inspecting the prettyPhoto source (jQuery), but if anyone has any idea how to accomplish this, please share.

Thank you.

[sapator]

Unfortunately i haven't used that control.
Anyhow, if possible i would get the pictures currently loaded to prettyphoto and modify the pagesize. The problem here is that you are using a client control and a server control together so i am not sure how you can notify the server control about the pictures number.
You could p.e. count all the rows that are loaded at instantiation to the repeater and do a division so you can come to the pics per page you need. I think that could be done at pre-render but not 100% sure.
Another options is to set a web service but it a little vague in my mind how you can set data from the prettyphoto and then get the data from the repeater.
Another option yet would be to use a client side control instead of the repeated to display data. I think slimgrid, slickgrid or something is used with Jquery.