Wanting to do a lightbox style overlay on page load.

[nachoninja]

Any help with this? I searched the web for a bit and found nothing conclusive.

Looking for something like Rude.com has

NSFW! Carmen69w Rude Space - Home

 

[Stanley]

I've never done it but here's a quick attempt:

CSS:

#overlay{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background-color: #7b7b7b; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; text-align: center; display: none;}
#object{position: relative; width: 300px; height: 200px; background-color: #ffffff;}

HTML:

<div id="overlay"><div align="center">
<div id="object">
text goes here
</div><!--object-->
</div><!--center--></div><!--overlay-->

Javascript:

function onshow(){
document.getElementById('overlay').style.display='block';
}

like I said I have no idea if that works or not, but I don't see any reasons on why it won't.
test it out let me know what kind of errors you get

 

[randomlande]

Lightbox Gone Wild Demo

 

[lnxcode]

Nice!

 

[[R]DeVore]

Lightbox JS

Lightbox JS v2.0

Both of those are other options for lightboxes as well. Just set them up to open when the site first opens. a body onload option or something?