Script

Slide Show



This page uses AJAX & JavaScript to create a slide show without having to reload the entire page every time.
As you can see, this text does not get refreshed every time a new picture is loaded.

When the page loads, it sets up a timer using JavaScript.
After loading and every 5 seconds afterwards, this timer sends an AJAX httpRequest to the includes/photolink.irev file on the server.
This chooses a random image, works out it's size, gets the caption for that image from a text file, assembles all this into html and sends it back.
JavaScript then inserts this html into the correct element.
Every second, the timer updates the counter at the top of the page to show how soon the photo will be updated.

As I have only uploaded a few photos for testing, duplicates will appear quite frequently, however you will not get the same image twice in a row.

Any pictures uploaded via the Upload page will be added to this slideshow.