Guys, Need help on this. Please see attached screenshot. I need a preloading script that does that. Basically it loads a message at the centre of the page, makes the entire background translucent, and message disappear after the page is loaded. I think it's javascript but after googling for 3 hours, I still can't find one that suit my needs. Any idea how to do it anyone? Christopher
Css with some Javascript(ajax). When you need is a dix that covers the screen and another div(the loading box) on top of that. When the user clicks the link show both and use ajax to wait until the page is loaded and then hide them. Wish I had an example for you...
In order to load a message in the background, you need to use Ajax. Google for Ajax tutorials. Then you need to figure out how to make the background translucent. You can do this by covering the BG with another layer - a <div> element. If you have an image (gif) with a low alpha level, that will make it be partly transparent. You assign the new layer, the image as a background and then display the layer over the background. I hope this helps. Giving you code examples is a little too time consuming. These a lot of work to be done here. Not simply one or two scripts.
Noam, doesn't this also involve z (depth) as well? As far as I know, gifs are either alpha 0 or 1 (completely transparent or completely opaque). Maybe a png is needed here? You can have a "low" or "high" alpha level then... (with exceptions made for Internet Explorer).
You don't use an image, you make a div, say white background and then apply opactiy to the div. opacity: .5; filter: alpha(opacity=50);