Question

I am working on making a album-viewer like facebook.

I have made the “setup”, you can see the photo, what album its in and so, now I would like to make the “next” “previous” buttons work.

I have seen them using preloading while viewing a current, and i wish to accomplish something like that.

But first of all, how can I make the “next”? What are the procedure to make the “next” work.

With this I mean how should I code it, so it knows which picture is next? I would like to sort it from the date(order by date), so the next should be newer than the current date, and previous older than the current date.

My database looks like this:

album
id uID title

album_photos
id aID uID photo date

aID holds the id of the album(album ID), uID holds the id of the user(userID).

I also want to make use of javascript too. Make an ajax request, instead of refreshing whole page.

So my question is:

What is the procedure of making next/prev button, if I would like to make it work after date DESC, how does the javascript look like? An ajax request to file.php, that are grabbing the latest image from the database and then on success it replace the current photo and show it? What about the adressbar, in facebook the adressbar changes align with loading new photo.

Any well explained answer for procedure of making this, will accept the answer

Answer 1

If you are sorting your photos by date DESC and you got the current photos date do the following:

• To find the next photo: Order your photos by date DESC and select the first photo whos date is smaller than the date of the current photo. Fetch only the first one.
• To find the prev photo: Order your photos by date ASC and select the first photo whos date is greater than the date of the current photo. Fetch only the first one.

Construct the SQL-Statements for this by yourself.