How to overlay a small page on a html page?

Question

Hi,

I have a webpage underconstruction. I want to notify the people who visit it about its under-construction nature. For that I wanted to show a small transparent or transluscent page on the above page as shown here http://img17.imageshack.us/i/normalpagewithasmallpag.png/

You may notice that i want that page to appear at the center of the webpage overlayed on the original page with a cross at top-right corner. Clicking on that cross may close this small page revealing the page behind it so that the users may see what has been developed so far.

I hope you guys have some suggestions for me. I know its possible with javascript but don't know how...any tutorial if available will also help.

Thanks a lot.

Answer 1

I think you're after some sort of lightbox control...

Check this:

http://www.huddletogether.com/projects/lightbox/

good luck

Answer 2

You can easily do this in javascript with e.g. the jQuery framework. Check out jQuery BlockUI