Question

I know there are many examples, but essentially without any garbage usually involved, how can one do an image stack using the new HTML5 + CSS3 style, that is:

• only single image displayed at the time
• next image shown over the previous image after some event (e.g. a mouse-down; round-robin)

I would like to know how to do this simple thing using the new HTML5/CSS3 style?

Answer 1

I found pretty good examples for a slideshow if that’s what you are looking for without to much extra in it. One with showing a timer for the next photo and an other one that changes the background.

Both CSS3 solutions and nice step per step tutorials

Timed slideshow (box)
Timed slideshow (background)

I hope I didn’t misinterpreted your question.