Ben
Ben

Reputation: 16679

Building a slider for all posts

In the header of my website, I have a horizontal list of the 6 latest posts. Now I would like to add a "previous" button, which causes the content of this list to be replaced by the 6 posts before the ones that are currently displayed. The idea is that, if a user clicks "previous" often enough, he is able to thereby see all posts ever made.

Most of the tutorials for creating this always load ALL posts, and then simply stuff them into some jQuery-slider. However, since I have 100+ posts, this seems not the best approach (some users might actually never click "previous" at all so why waste resources loading them).

Could you please point me to a tutorial that explains how I can get the previous posts using php each time the "previous" button is clicked? (I'm using Wordpress btw)


The problem was solved without any tutorial, just with the help of a few stackoverflow threads. Now I have an awesome Post-Slider :)

Upvotes: 1

Views: 283

Answers (1)

Robot Woods
Robot Woods

Reputation: 5687

If you rely on php for that, you'll need to refresh the page each time. I think you really want an AJAX solution.

You can build a PHP web service that

1) accepts some variable, such as the ID of the lowest post currently displayed

2) outputs XML or JSON of the six posts prior to that

Then, on your page, onclick of your previous button, send the variable, accept the response, and place each post as needed. .ajax and .load are some jQuery methods to look into

Upvotes: 1

Related Questions