rocknbil - 5:05 pm on Dec 22, 2011 (gmt 0)

1. Graphics editor (GIMP is free) - you can use any image format (.jpg, .gif, .png)
2. A little knowledge of HTML
3. A little knowledge of CSS
4. Even less knowledge of Javascript

Create all your images at the same size and include them in a page. You can use any image editor, all you need to do is size them at 700 pixels wide or so (not much larger than that.)

The most simple slide show solution: look at some of the jQuery (javascript) slide shows. Include the jQuery library in your document and try one of them.

They are very easy to understand and all of them have examples. Most of them use absolute positioning, which basically means it constructs the slide show in "layers." The layers are assigned by the CSS property z-index, where the higest number is the "topmost layer"

z-index:1000

z-index: 5000

Then you just position your heading layer on top of the slide show.