You could just make
<div id="overlay" style="width: 100%; height: 100%; position: absolute; top:
0px; left: 0px; z-index: 100; background-color: #000000;
display:none"></DIV>
at the end of your page.

Then call $("overlay").fadeTo("slow",0.5)

This will fade it on over your whole screen. Make sure body and html have
height: 100%.
I did this yesterday here:
http://www.sparkt.com/index.htm
(Click the first image (top-left) to see the fade In

Glen


On 5/28/07, Sean Catchpole <[EMAIL PROTECTED]> wrote:


While I'm not really sure why this code isn't working, I can recommend
that you give thickbox a try: http://jquery.com/demo/thickbox/
You should be able to produce the same result.

~Sean

Reply via email to