In the preceding article of this series, I demonstrated how to take advantage of the jQuery JavaScript library's functionality to develop a simple slide show, which used the Ajax module bundled with jQuery as its driving engine. In this part, we'll finish the application.
Finishing a Slide Show Application with jQuery (Page 1 of 4 )
Indeed, building a web application like the one mentioned above is a pretty straightforward process that only requires familiarity with the core features that come packaged with the jQuery framework. This includes its “onready()” and “$.ajax()” methods. It’s really that simple, believe me.
Also, as you’ll probably recall, I left off the last tutorial explaining how to use the aforementioned “$.ajax()” method to create an Ajax-driven application. This application was tasked with fetching a bunch of images from the web server, and then displaying them on the browser using a predefined sequence.
Obviously, performing this process by way of a JavaScript requester object implies, not surprisingly, that successive requests must be triggered in the web server to display different images. After all, this is the expected behavior of a slide show, right?
Well, although the web application that I created in the previous article was capable of fetching via Ajax a different image from the server, the truth is that it could not retrieve all of the graphics in subsequent requests. Naturally, this issue should be fixed in a pretty painless way, so in this concluding part of the series, I’ll be explaining how to incorporate this crucial feature into the slide show with a JavaScript timer.
Hopefully, when you finish reading this article, you’ll have at your disposal the full source code of a functional slide show, and of course, you’ll be able to use it with your own web sites.
Now, let’s move on and tackle this final chapter of the series. The clock is already ticking!
JavaScript 
Building a Slide Show with jQuery
