AJAX Slideshow

From Humanitarian FOSS Summer Institute

A simple AJAX slideshow that uses jQuery and uses XML slides.

Download the source code.

See a demo.

Use

Use the arrow keys to control the slideshow. The left arrow goes to the previous slide, the right arrow advances, the up arrow goes to the first slide, and the down arrow goes to the last slide.

XML Specifications

All XML must be in content.xml in the same directory as script.js. It must be of the form:

<slideshow>
 <slide>
  <title>... </title>
  <content>...</content>
 </slide>
 ...
</slideshow>

Any embedded HTMl in the XML must use square brackets, like "[img src='sample.jpg' /]". To use square brackets, use [ for opening brackets and ] for closing brackets.