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: 
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)](http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/)  

[Timed slideshow (background)](http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/)

I hope I didn't misinterpreted your question.
Personally I'd use jQuery Cycle - <http://jquery.malsup.com/cycle/>

```
<div id="shuffle" class="pics">    
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />    
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />    
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />    
</div>

$('#shuffle').cycle({
    fx:     'fade',
    delay:  -4000
});

```

I'm not sure there is an HTML5 / CSS3 method for this to be honest. It's just regular CSS as all you're doing is setting the container to the image dimensions and then setting every image to absolute positioning so they're "stacked" on top of each other. Cycle then runs through them all doing the animation.

You could use CSS3 transitions but you mentioned jQuery in your question so Cycle is your best bet.