This is essentially what I would like to achieve. On this page http://antobbo.webspace.virginmedia.com/photogallery/test/gloom.htm I have a series of thumbnails: when I click on a thumbnail I would like a much bigger picture to come up in the middle of the page on the top of the thumbnails. The window with the big picture will effectively overlap the thumbnails and will have the picture on it + a "close" button, so something like this http://fancybox.net/ (if you click on one of the picture in the example you will see what I mean).
A web developer friend of mine gave me some good suggestions:
-to achieve this use 3 layers (he said to play a bit with the z-index). The first layer will shade the content on the page with the thumbnail, creating some sort of shade effect, the second layer will have the big picture and the third layer will have the button which will close the 3 layers and go back to my thumbnail page.
Can anybody suggest how should I start this (maybe if anybody knows a good place where I can find this kind of image gallery tutorial it would be great).
Also I am not 100% sure how the z-index will work with the css, as in if I use 3 layers how should I position them? I am not looking for code, but just for suggestion please on how to tackle this and maybe things I haven't thought about: - )