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 🙂
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,
onclickof your previous button, send the variable, accept the response, and place each post as needed..ajaxand.loadare some jQuery methods to look into