Suggest jquery slideshow solution for on line tutorial

Question

I am looking for some design pointers. I am about to provide some walkthrough tutorials on a website that will demonstrate how to use a new web-base application we are rolling out. I plan on having a step-by-step tutorial, with an annotated screen shot and some explanatory text - "Click on the "New User" registration button as shown" type of thing.

My initial thoughts were some for of jquery powered slideshow, but what I want to avoid is possibly having 15 or 20 screen shot image files being "pre-loaded" when the tutorial page opens. The alternative would be to have a large number of very similar pages, differing only in the image and some text. The website already makes extensive use of jquery and jquery-ui, so using this framework would be preferred.

We don't have any back end CMS, and while I could write something simple using ASP.net, that seems to be more in the "sledgehammer to crack a walnut" solution.

Has anyone implemented something similar to this, and have any recommendation?

Thanks.

Answer 1

Try the Jquery cycle plugin. here's a ajax loading demo:http://malsup.com/jquery/cycle/add3.html

Answer 2

JQuery Tools Scrollable

http://flowplayer.org/tools/index.html

Answer 3

I eventually found one site that gave an example of how to load content using jQuery and Ajax:

How to load content via AJAX in jQuery

I'm now rolling my own ajax tutorial system.