HTML 5: how to make stackable images?

[bobafett]

Is it possible to load up 10 images (same dimension), stack them on top of one another only showing 1 image at a time and then by holding down the left mouse button and dragging the mouse up you scroll in one direction and moving the mouse down scrolls in the opposite direction?'

if so how can this be done? canvas element would be the begining, no?

[zcorpan]

You don't need canvas for this, just position the images on top of each other, then listen for relevant mouse events and compare start position with end position to decide whether to show the next or the previous image (use z-index to change which image is shown). If you want the image to follow the mouse while dragging, you can either change its position to match the mouse cursor or make the element draggable with the drag and drop stuff. You can also make it animate nicely on drop with CSS transitions.